純 CSS scroll 指的是使用 CSS 進行網頁元素的滾動效果，而不是使用 JavaScript 或其他腳本語言進行滾動。這種方法既簡單易用，又可以提高網頁的加載速度和用戶體驗。接下來，我們將介紹一些實現純 CSS scroll 的方法。

1. 使用 overflow 屬性

.scroll{
overflow: auto;
}

將元素的 overflow 屬性設為 auto，就可以自動出現滾動條，從而實現滾動效果。

2. 使用 CSS 動畫

.scroll{
animation: scroll 5s linear infinite;
}
@keyframes scroll {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}

使用 CSS3 動畫可以在不使用 JavaScript 的情況下實現滾動效果。上述代碼中定義了一個 scroll 的動畫，每 5 秒執行一次，沿 Y 軸向上移動 100% 的距離。

3. 使用 CSS transform 和 transition 屬性

.scroll{
transform: translateY(0);
transition: transform 2s;
}
.scroll:hover{
transform: translateY(-100%);
}

使用 transform 屬性和 transition 屬性可以控制元素的移動和過渡效果。上述代碼中定義了一個 scroll 元素，當鼠標懸停在該元素上時，會向上平移 100% 的距離，過程中持續 2 秒。

總結

以上就是三種實現純 CSS scroll 的方法。通過使用這些方法，我們可以在不使用 JavaScript 的情況下輕松實現網頁滾動效果，提高網頁加載速度和用戶體驗。