欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

設置css保持頁面不滾動

林子帆1年前9瀏覽0評論

在有些情況下,我們希望在頁面中設置fixed或absolute的元素不隨著鼠標的滾動而滾動,這時候我們可以使用css來實現。

body {
overflow: hidden;
}

在這里我們使用了overflow屬性,并將值設置為hidden。這意味著瀏覽器會隱藏頁面中溢出的內容(比如滾動條),從而保證fixed或absolute的元素保持固定位置。

需要注意的是,如果使用了overflow: hidden,頁面上其它可滾動的元素也會消失。如果需要保留這些元素的滾動功能,可以給它們設置單獨的overflow屬性。

.container {
height: 500px;
overflow-y: auto;
}

以上代碼會為class為container的元素添加垂直滾動條并自動隱藏水平滾動條。如果需要保持水平方向不滾動,可以設置overflow-x屬性為hidden。

總結一下,使用css可以輕松實現保持fixed或absolute元素的位置固定,只需要使用overflow屬性將滾動條隱藏即可。如果需要保留其它元素的滾動功能,可以單獨設置它們的overflow屬性。