javascript - CSS 溢出 : scroll; --scrollbar is only visible on hover/scrolling

Question

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

我已经在 chrome、chrome canary、safari 和 firefox 中试过了。我有一个固定高度和宽度的 div，有些页面需要滚动，有些则不需要，所以我使用 overflow: scroll;但滚动条仅在您将鼠标悬停在内容上时实际向下滚动时显示。我想让我的访问者痛苦地意识到还有更多的内容。有没有办法让滚动条始终显示(无论用户当时是否悬停或滚动)。

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;