CSS滾動是一種非常實用的效果，在網頁設計中經常會用到。通過CSS滾動，可以讓網頁元素在頁面上滾動，增加頁面的動態感和視覺效果。本文將分享一些優秀的CSS滾動代碼，供大家參考和使用。

.scroll {
overflow: scroll;
}

上面這段CSS代碼可以讓一個元素出現滾動條。如果寬度或高度不夠，就會出現橫向或縱向滾動條。

.marquee {
white-space: nowrap;
overflow-x: scroll;
}

這個代碼可以讓一個元素以跑馬燈的方式滾動。其中，white-space: nowrap;可以讓內容不換行；overflow-x: scroll;可以讓內容在水平方向上滾動。

@keyframes marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
.marquee {
white-space: nowrap;
overflow: hidden;
}
.marquee span {
display: inline-block;
padding-left: 100%;
animation: marquee 10s linear infinite;
}

這段代碼可以讓一個元素以CSS動畫的方式實現跑馬燈效果。其中@keyframes定義了一系列動畫關鍵幀。通過Marquee類實現滾動，span標簽內的文本即為滾動的文本內容。

以上是幾個比較常用的CSS滾動代碼，希望能對大家有所啟發。如果您需要獲取更多的CSS滾動代碼，可以在網上搜索相關資源，也可以到GitHub等開源平臺上查找和下載。