使用js技术对单个div中的滚动条进行样式设置!
生活随笔
收集整理的這篇文章主要介紹了
使用js技术对单个div中的滚动条进行样式设置!
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
jQuery.nicescroll 美化滾動條
下載插件地址:
鏈接:https://pan.baidu.com/s/1dqKeejDc5jEU4faMSkfyGg
提取碼:pbbb
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中的滚动条进行样式设置!的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 360浏览器怎么设置html5播放,36
- 下一篇: InDesign 教程如何更改内容颜色?