今天为大家介绍一款十堰网页定制时，经常用到的一个jquery滚动条美化插件。这个插件是由我们前端工程师极力推荐的一款插件，使用非常简单，不需要写额外的css代码和引入css文件。让我们先一睹为快，下图是使用了nicescroll.js后滚动条的美化效果。

Nicescroll.js介绍

NiceScroll 是一款完全基于 jQuery 框架的滚动条插件，它不仅有着类似 iOS 系统设备的滚动条外观，而且还兼容各个浏览器。

使用Nicescroll.js进行网页定制滚动条美化

首先我们从github上面将Nicescroll.js(下载)文件下载到本地，并引入到项目中。在html中的head标签内引入jquery和Nicescroll.js。

<script src="js/jquery-3.1.1.js"></script><script src="js/jquery.nicescroll.js"></script>

文件引入好后，接下来我们就可以进行十堰网页定制美化滚动条了，如果我们要直接美化整个网页右侧的滚动条，那么就把代码这样写：$("html").niceScroll()；如果我们要美化某一个div的滚动条，那么代码就可以这样写：$("#id").niceScroll()；代码写好后，刷新页面就可以看到如上图的效果了。如果要更多的设置，可以参考下图。

总结

我认为，nicescroll.js最好用的是不需要额外写任何css代码，其次是兼容性非常好，配置非常丰富且实用，我们在进行日常十堰网页定制的时候可根据自身情况配置。