jQuery.nicescroll 美化滾動(dòng)條

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

引用jquery.js和jquery.nicescroll.js

2.通過(guò)jquery獲取需要添加滾動(dòng)條的元素，調(diào)用niceScroll函數(shù)進(jìn)行配置即可使用該插件，如下

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。