自定义滚动条JavaScript交互增强
自定义滚动条的灵活性真是蛮大的，尤其是用 JS 控制的时候。不只是能让你摆脱千篇一律的系统样式，还能搭配页面的设计风格玩点花样。像改变颜色、加个圆角啥的都挺。再搭上点transform和transition，动态效果就出来了，感觉挺丝滑的。
自定义的核心其实就是监听scroll事件，再用 CSS 模拟出你想要的样子。你可以先用::-webkit-scrollbar那套把原生滚动条藏起来，自己画一个更顺眼的。
要注意的是，在 iOS 设备上，滚动性能有时候会掉下来，是你用的不是原生机制的时候。好消息是，加上-webkit-overflow-scrolling: touch还能抢救一下，启用硬件加速，让滚动顺一点。
如果你图方便，可以看看jquery-滚动条_加速版，这个插件已经帮你好兼容和加速的问题，直接拿来用就省不少事。
自定义滚动条说难不难，说简单也不简单，关键还是看你对交互体验的追求。如果你想做个风格统一、体验顺滑的页面，这一块儿可别忽略了。
文件大小：1.45MB
评论区