javascript - 如何顺利隐藏滚动条？

Question

我需要平滑地隐藏正文滚动条。我试过 overflow:hidden with transition 但它不起作用。提前致谢

Answer 1

不幸的是，没有“简短”的解决方案可以做到这一点。滚动条本身不是一个元素，因此您最终必须自己制作它，并在其上或其他元素上添加 hover 或 click 效果.幸运的是，之前有其他 StackOverflow 用户已经这样做并与我们分享了这个，以便我们将来可以使用它并从中学习。后者当然是主要原因，因为这是 SO 的主要目的。

See this JSFiddle.

这个 fiddle 模仿了 Facebook 滚动条的功能，当您不再将鼠标悬停在它上面时，它会淡出。您需要做的就是让它使用 click() 事件而不是 hover() 事件。