当前位置：网站首页 > 技术文章 > 正文

最好用的滚动条美化插件——jQuery.NiceScroll

zhezhongyun 2024-12-26 17:41 50 浏览

nicescroll 滚动条插件是一个非常强大的基于 jQuery 的滚动条插件，不需要增加额外的css，几乎全浏览器兼容。ie6+，实现只需要一段代码，侵入性非常小，样式可完全自定义，支持触摸事件，可在触摸屏上使用。

有史以来最好的nicescroll版本-在现代浏览器和移动设备中极其流畅和一致，资源使用率低

强大的不能让你呼吸！兼容、适配、美观都是那么完美！一起体验一下它的酣畅淋漓！

水平滚动条支持！
它支持DIV，IFrame，textarea和文档页面（正文）滚动条。
与所有最新的台式机浏览器及更早版本兼容：Chrome，Firefox，Edge，IE8 +，Safari（win / mac），Opera。（所有A级浏览器）
与移动设备兼容：iPad / iPhone / iPod，Android 4+，黑莓手机和Playbook（WebWorks / Table OS），Windows Phone 8和10。
与所有触摸设备兼容：iPad，Android平板电脑，Window Surface。
与多输入设备（带触摸或笔的鼠标）兼容：Window Surface，触摸笔记本上的Chrome桌面。
兼容2种方向鼠标：Apple Magic Mouse，带2 dir滚轮的Apple Mouser，带2 dir滚轮的PC鼠标（如果浏览器支持）。

因此，您拥有可用于iPad的动量可定制和可滚动div，并且所有台式机和移动平台都具有一致的可滚动区域。

性感的缩放功能，您可以“放大”任何nicescrolled div的内容。全屏模式下div的所有内容都易于使用和查看。它可以使用捏合手势在移动/触摸设备的桌面设备（双击div）上工作。

在现代浏览器上，已经实现了硬件加速滚动。使用animationFrame进行最流畅且节省CPU的滚动。（当浏览器支持时）

“使用严格的”经过测试的脚本可获得最高的代码质量。Bower和AMD准备就绪。

对IE6 / 7用户的警告（您为什么要使用？请升级到更稳定和更现代的浏览器），已弃用对您的浏览器的支持。

具体的使用方法及其如何加载依赖，我这边就不多说了，大家可以上官网教程及gitHub上进行查看。

这是URL：https://nicescroll.areaaperta.com

接下来我们欣赏一波吧！