Nicescroll缩减优化

最新推荐文章于 2023-10-11 21:07:44 发布

原创最新推荐文章于 2023-10-11 21:07:44 发布 · 723 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#nicescroll #slimscroll #jquery #js #美化

前端学习专栏收录该内容

1 篇文章

订阅专栏

本文对比了两款滚动条插件Nicescroll与SlimScroll的功能特性及适用场景。Nicescroll提供了丰富的功能且兼容性好，但体积较大；SlimScroll体积小巧，适合基本滚动需求。文中还分享了一个简化版的Nicescroll。

Nicescroll和SlimScroll简述

Nicescroll是一款比较好用的滚动条插件，兼容IE6+，可惜体积比较大，有将近60KB，slimscroll体积较小，只有4.6KB，功能较简单，根据场景可以自己选择。下面是个人修改后的nicescroll，由于个人开发的更多是PC端业务，因此缩减了部分功能。码云地址：nicescroll简化

Nicescroll和SlimScroll对比

功能	NiceScroll	SlimScroll
滚动条基础样式	支持	支持
滚动速度	支持	支持
滚动条移入显示或一直显示	支持	支持
textarea滚动条	支持	支持
跳转到指定高度	支持	支持
获得当前滚动条距离顶部高度	支持	支持
动态添加内容时resize滚动条	支持	官方不支持，不过网上已经有解决方案
空格或方向键向下滚动	支持	不支持
横向滚动条	支持	不支持
单击轨道产生滚动	支持	不支持
当选择文本时激活内容自动滚动	支持	不支持
设置滚动条淡出的延迟时间	支持	不支持
zindex层级	支持	不支持
默认模块化支持	支持	不支持
侵入性	小【底部absolute全局定位】	大【盒子外层relative嵌套】，在盒子内部有relative定位元素时可能会出一些BUG
文件大小	38KB	4.6KB