就目前來說我對瀏覽器大部分內容都有掌握,但是還是有一個概念我看到就頭大,有點恐懼,那就是滾動條,這篇文章就是用來消除這種未知和恐懼的。
問題
如何讓滾動條不顯示?
overflow-y:hidden
如何讓滾動條不顯示,但是頁面還能夠滾動?
可以,但沒必要
如何控制滾動條的高度?
首先要說明,滾動條的高度,反映的是相對高度,DOM的高度對應於當前可視窗口的比例
overflow-y
假如你的DOM內容很長,超過了一個瀏覽器屏幕的高度,那麼你想要原本超出的部分怎麼顯示呢?
overflow-y就是用來控制超出時如何顯示。
說明
在下圖中,有兩個垂直的滾動條,瀏覽器最右側的這個滾動條,這個滾動條很容易理解,dom比較長,一個頁面展示不下,需要頁面能夠滾動。
令我困惑的是滾動條2,滾動條2爲什麼能夠出現呢?怎麼進行設置呢?