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

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的滚动条插件nicescroll的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。