jQuery.nicescroll 美化滾動條

下載插件地址:
鏈接：https://pan.baidu.com/s/1dqKeejDc5jEU4faMSkfyGg
提取碼：pbbb

引用jquery.js和jquery.nicescroll.js

2.通過jquery獲取需要添加滾動條的元素，調用niceScroll函數進行配置即可使用該插件，如下

$(’#content’).niceScroll({
cursorcolor: “#ccc”,//#CC0071 光標顏色
cursoropacitymax: 1, //改變不透明度非常光標處于活動狀態（scrollabar“可見”狀態），范圍從1到0
touchbehavior: false, //使光標拖動滾動像在臺式電腦觸摸設備
cursorwidth: “5px”, //像素光標的寬度
cursorborder: “0”, // 游標邊框css定義
cursorborderradius: “5px”,//以像素為光標邊界半徑
autohidemode: false //是否隱藏滾動條
})

總結

以上是生活随笔為你收集整理的使用js技术对单个div中的滚动条进行样式设置!的全部內容，希望文章能夠幫你解決所遇到的問題。

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