CSS溢出：滾動； --scrollbar僅在懸停/滾動時可見

Question

我知道這聽起來像是一個超級多余的問題，但事實並非如此。 每當我搜索此內容時，我只會得到告訴我使用overflow：scroll的結果。

我已經在chrome，chrome canary，safari和Firefox中進行了嘗試。 我的div具有固定的高度和寬度，有些頁面需要滾動，而另一些頁面則不需要，所以我使用了溢出： 但是滾動條僅在將鼠標懸停在內容上時實際向下滾動時顯示。 我希望讓訪問者感到痛苦的是，還有更多的內容。 有沒有一種方法可以使滾動條始終顯示（無論用戶當時是否在懸停或滾動）。

JS解決方案很酷， 這個問題有一個巧妙的技巧可以告訴您是否需要滾動條，但是有一個JS函數始終顯示它嗎？ 是否有CSS函數，幾乎所有東西都很棒。

提前致謝。

編輯：在玩了JS之后，我發現如果您使用

content.scrollTop = 0;

一些瀏覽器將刷新滾動條，而其他瀏覽器則使用：

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

Answer 1

您可以嘗試以下方法：

代替

overflow:scroll;

嘗試

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