色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css 設(shè)置元素不滾動

張吉惟1年前8瀏覽0評論

在網(wǎng)頁設(shè)計中,有時候我們需要讓某個元素不隨著頁面發(fā)生滾動。比如說,在頂部導(dǎo)航欄中,我們想要一直保持導(dǎo)航菜單的顯示,即使用戶不斷地向下滾動頁面。這時候,我們可以利用CSS來設(shè)置元素不滾動。

下面是一段CSS代碼,可以實現(xiàn)讓元素不隨頁面滾動:

element {
position: fixed;
top: 100px;
left: 100px;
overflow: auto;
}

上面的代碼中,我們使用了position屬性將元素設(shè)置為固定定位的。這表示元素不會隨著頁面的滾動而移動,而是會一直保持在固定的位置。我們還指定了元素的上邊緣距離頁面頂部的距離(top)和左邊緣距離頁面左側(cè)的距離(left)。

另外,由于我們設(shè)置了元素不滾動,因此這時候如果元素內(nèi)部內(nèi)容過多,會導(dǎo)致元素溢出。這時候,我們需要使用overflow屬性來設(shè)置元素的滾動條。在上面的代碼中,我們將overflow屬性設(shè)置為auto,表示當元素內(nèi)容超出元素的高度時,會顯示滾動條。

以上就是利用CSS設(shè)置元素不滾動的方法。使用這個方法,我們可以實現(xiàn)一些有意思的效果,比如固定頂部導(dǎo)航欄,固定廣告欄等。