当前位置:Gxlcms > JavaScript > jQuery的滚动条插件Nicescroll是如何使用的?

jQuery的滚动条插件Nicescroll是如何使用的?

时间:2021-07-01 10:21:17 帮助过:37人阅读

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

引入核心文件,插件需要引入1.5.X以上版本的jquery库

最简单的用法如下:


注意:一定要放在 $(document).ready 中进行初始化!

隐藏滚动条


检测滚动条是否重置大小(当窗口改变大小时)


滚动到某个位置


可增加各种参数


配置参数表


另外注意:当在同一页面中使用多个nicescroll插件时,要及时隐藏用完的nicescroll对象,加载时,需要先show,再resize。

当插件放在具有absolute浮动的容器中,并设置了top值时,插件的top会出现问题,解决方法使用插件的railoffset属性:


以上就是jQuery的滚动条插件Nicescroll是如何使用的?的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行