在有些情況下,我們希望在頁面中設置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屬性。