瀏覽器中的滾動條

就目前來說我對瀏覽器大部分內容都有掌握,但是還是有一個概念我看到就頭大,有點恐懼,那就是滾動條,這篇文章就是用來消除這種未知和恐懼的。

問題

如何讓滾動條不顯示?
overflow-y:hidden
如何讓滾動條不顯示,但是頁面還能夠滾動?
可以,但沒必要
如何控制滾動條的高度?
首先要說明,滾動條的高度,反映的是相對高度,DOM的高度對應於當前可視窗口的比例

overflow-y

假如你的DOM內容很長,超過了一個瀏覽器屏幕的高度,那麼你想要原本超出的部分怎麼顯示呢?
overflow-y就是用來控制超出時如何顯示。

說明

在下圖中,有兩個垂直的滾動條,瀏覽器最右側的這個滾動條,這個滾動條很容易理解,dom比較長,一個頁面展示不下,需要頁面能夠滾動。
令我困惑的是滾動條2,滾動條2爲什麼能夠出現呢?怎麼進行設置呢?
在這裏插入圖片描述

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章