首先非常感谢网友涛涛的无私分享,此作品是他最新的一款原创仿Jquery插件用原生JavaScript编写的一款插件,实现自定义滚动条美化功能,非常实用,暂时只实现了纵向滚动条美化功能,可灵活设置12个参数,可以自动取消重置容器的自定义滚动条。。。。
初始化jquery代码如下:
var t= new ttScrollBar({
container:o, //要加滚动条的对象
isBuffer:true, //是否开启缓冲效果
isMouseWheel:true, //是否开启鼠标滚动
isOpenKeyEvent:false, //是否支持键盘按键
rollScale:30, //缓冲最小单位值
focusObj:'scroll', //鼠标滚轮焦点对象 可选 document,scroll,scrollBar
scrollEventType:'mouseover', //mousedown,mouseover 两种类型
scrollBarClass:'scrollBar', //class
scrollUpClass:'scrollUp',
scrollHandleClass:'scrollHandle',
scrollDownClass:'scrollDown',
scrollDValue:8 //滚动的差值,上下的和
})
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友涛涛 滚动条美化 滚动条特效 滚动条插件 滚动特效 图片滚动 无缝滚动