Javascript CSS溢出：滚动--滚动条仅在悬停/滚动时可见

我知道这听起来像是一个超级多余的问题，但事实并非如此。每当我搜索这个时，我只会得到告诉我使用overflow:scroll的结果——我就是这样

我已经在chrome、chrome canary、safari和firefox中尝试过了。我有一个具有固定高度和宽度的div，一些页面需要滚动，其他页面不需要，所以我使用溢出：滚动；但滚动条仅在您将鼠标悬停在内容上时向下滚动时显示。我想让我的访问者痛苦地明白，这里有更多的内容。是否有一种方法可以让滚动条一直显示（无论用户当时是否在悬停或滚动）

一个JS解决方案会很酷，有一个简单的技巧来判断是否需要滚动条，但是有一个JS函数总是显示它吗？如果有CSS功能，几乎任何东西都会很酷

提前谢谢

编辑：在玩了JS之后，我发现如果你使用

content.scrollTop = 0;

某些浏览器将闪烁滚动条，而对于其他浏览器，则使用：

content.scrollTop = 1;
content.scrollTop = 0;

您可以尝试以下方法：

而不是

overflow:scroll;

试一试

overflow-x:hidden;
overflow-y:scroll;