滚动条插件nicescroll的使用

https://www.hangge.com/blog/cache/detail_1931.html

 

使用：

需要引入jQuery插件和 jquery.nicescroll.js插件

修改滚动条：

$("#thecondMenu_container").niceScroll({
　　cursorcolor: "#b3b3b3",
　　background: "#eee",
　　cursorwidth: 8,
　　autohidemode: false
});

 

 

隐藏滚动条：

$("#div1").getNiceScroll().hide();

滚动到某个指定位置：

$("#div1").getNiceScroll(0).doScrollLeft(100);

 

配置参数：

touchbehavior:true,       //是否是触摸式滚动效果

cursorcolor: "#333" ,      //滚动条的颜色值

cursoropacitymax:0.6,      //滚动条的透明度值

cursorwidth:20,          //滚动条的宽度值

background: "#00F" ,        //滚动条的背景色，默认是透明的

autohidemode: true ,      //滚动条是否是自动隐藏，默认值为 true

 

转载于:https://www.cnblogs.com/150536FBB/p/11498741.html