跨浏览器 - 移动兼容的自定义滚动条
Posted
技术标签:
【中文标题】跨浏览器 - 移动兼容的自定义滚动条【英文标题】：Cross browser - Mobile compatible custom Scroll Bar 【发布时间】：2017-09-02 00:15:13 【问题描述】：截至 2017 年，是否有办法实现跨浏览器和包含移动设备的自定义滚动条，支持无限滚动事件（如果是插件）？
这个问题已经被问到并回答了here，但是，这是 5 年前的事了，接受的答案最后一次更新是在 2014 年，所以我希望得到这个主题的最新答案。
我尝试过的一些事情：
Custom Css（不兼容所有浏览器，我正在测试IE10+和其他现代浏览器） 星号最多的 git 项目 perfect-scrollbar（滚动条不会在移动设备上显示） Sly（github 上有 2.7k 颗星）-（看起来不错，但未针对移动设备进行测试 jquery.nicescroll - 好像不再支持了【问题讨论】：
【参考方案1】：您可以做的是检查一些存储库，深入研究代码并决定是要以自己的方式重写它还是直接重用它。
下面一些指向 github 滚动条的链接可能首先是最适合的。
simplebar
jquery custom scroller
如果您提供更多详细信息，包括现场示例和预期设备，您可能会得到更多答案。
【讨论】：
【参考方案2】：我使用自定义内容滚动器又名 mCustomScrollbar
http://manos.malihu.gr/jquery-custom-content-scroller/
我在移动设备和许多浏览器上进行了测试并且运行良好...顺便说一句 CSS 尚未在所有浏览器上实现...我认为 CSS 目前不是更改滚动条外观的好选择...
【讨论】：
以上是关于跨浏览器 - 移动兼容的自定义滚动条的主要内容，如果未能解决你的问题，请参考以下文章