有关jquery自定义滚动条美化插件ttScrollBar的使用示例

发布时间:2019-11-08编辑:脚本学堂
分享一个jquery滚动条美化插件,一个自定义滚动条美化插件ttScrollBar的例子,实现了纵向滚动条美化功能,可灵活设置12个参数,很实用的代码。

jquery/scrollbar/ target=_blank class=infotextkey>jquery滚动条插件ttScrollBar,是一款原创仿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  //滚动的差值,上下的和
})

jquery滚动条插件的美化效果如下:
jquery滚动条插件

附,源码下载