跨浏览器 - 移动兼容的自定义滚动条

时间:2017-04-06 19:24:21

标签: javascript css scrollbar infinite-scroll

截至2017年,有没有办法实现跨浏览器和移动设备的自定义滚动条,支持无限滚动的事件(如果是插件)?

这个问题已经被问及并回答here,但是,这是5年前的最新更新于2014年的答案,所以我希望得到这个主题的最新答案。

我尝试过的一些事情:

  • Custom Css(与所有浏览器不兼容,我正在测试IE10 +和其他现代浏览器)
  • 大多数加星标的git项目perfect-scrollbar(滚动条不会显示在移动设备上)
  • Sly(github上的2.7k星) - (似乎很好,虽然没有针对移动设备进行测试
  • jquery.nicescroll - 似乎不再支持了

2 个答案:

答案 0 :(得分:0)

我使用Custom Content Scroller又名mCustomScrollbar

http://manos.malihu.gr/jquery-custom-content-scroller/

我在移动设备和许多浏览器上进行了测试并且工作得很好......顺便说一句CSS还没有在所有浏览器上实现...我认为CSS不是改变滚动条外观的好选择......

答案 1 :(得分:0)

您能做的是检查一些存储库,钻研代码,然后决定是要以自己的方式重写它还是直接重用它。

在指向github滚动器的一些链接下面,也许首先是合适的。

simplebar

jquery custom scroller

也许您将通过实际示例和预期的设备提供更多详细信息,您将获得更多答案。