滚动条覆盖网页的一部分

Question

我有一个我正在设计的网页，几乎已经完成了。我在页面右侧有一个图标，用于在单击时显示菜单，并且与页面右对齐。目前，此图标以及网页右侧的所有其他内容都被垂直滚动条覆盖。当前行为是仅当鼠标光标悬停在浏览器窗口上时才会出现。我想知道当页面可滚动时（当页面高度大于浏览器窗口的高度时）如何能够“始终”在网页中显示垂直滚动条。

Answer 1

出于样式的原因，您始终可以使用以下CSS属性overflow-y : scroll;（请参阅Mozilla documentation）向您的正文显示垂直的本机Web浏览器滚动条：

<强> CSS

body
{
    overflow-y : scroll;
}

JSFIddle