要設置CSS滾動條的位置,可以使用scroll-behavior
屬性和scroll-margin
屬性。
scroll-behavior
屬性可以定義滾動行為??梢詫⑵湓O置為smooth
以平滑滾動,或將其設置為auto
以使用瀏覽器默認的滾動行為。body {
scroll-behavior: smooth;
}
scroll-margin
屬性可以定義滾動條與其父元素邊緣之間的間距??梢詫⑵湓O置為像素值或百分比。body {
scroll-margin: 20px;
}
這將在滾動條的頂部和底部保留20像素的間距。
請注意,這些屬性可能不適用于所有瀏覽器。