CSS溢出：滚动; - 只有在悬停/滚动时才能看到滚动条

Question

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

我在chrome，chrome canary，safari和firefox中试过这个。我有一个固定高度和宽度的div，有些页面需要滚动别人不要这样我使用溢出：滚动;但滚动条仅显示当您将鼠标悬停在内容上时实际向下滚动。我希望我的访问者能够清楚地了解到有更多内容。有没有办法让滚动条始终显示（用户是否在那一刻悬停或滚动）。

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

提前致谢。

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

content.scrollTop = 0;

某些浏览器会刷新滚动条，其他浏览器会使用：

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

Answer 1

你可以试试这个：

而不是

overflow:scroll;

试

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