jquery - 自定义滚动条 - 小于默认值

Question

很难说出这里问的是什么。这个问题是模棱两可的、模糊的、不完整的、过于宽泛的或修辞的，无法以目前的形式得到合理的回答。如需帮助澄清这个问题以便重新打开它，visit the help center .




10年前关闭。




我喜欢创建一个宽度小于滚动元素的滚动条，请参见图像


我如何使用跨平台友好的 css 或 javascript 等创建它。

Answer 1

您可以使用 overflow:hidden 禁用默认浏览器水平滚动。并使用 JQuery 添加您自己的滚动条。然后，您可以将滚动条向右对齐以适合您的设计。

您可以检查的一些自定义滚动条选项是:

小滚动条 - http://baijs.nl/tinyscrollbar/

自定义滚动条 - http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html

JQueryUI slider - http://jqueryui.com/demos/slider/

JScrollPane - http://jscrollpane.kelvinluck.com/