滾動條覆蓋網頁的一部分

Question

我有一個網頁，我正在設計哪個幾乎完成。我在頁面右側有一個圖標，點擊時用於顯示菜單，並且它與頁面右對齊。目前，該圖標和網頁右側的所有內容都被垂直滾動條覆蓋。目前的行爲是，它只有在鼠標光標懸停在瀏覽器窗口上時纔會出現。我想知道如何在頁面可滾動時（當頁面高度大於瀏覽器窗口的高度時）在「網頁」內始終顯示垂直滾動條。

Answer 1

對於風格的原因，你可以隨時使用下面的CSS屬性overflow-y : scroll;（見Mozilla documentation），你的身體表現出垂直，本地，網絡瀏覽器滾動條：

CSS

body 
{ 
    overflow-y : scroll; 
} 

JSFIddle