javascript原生实现自定义滚动条,支持鼠标滚轮

jScrollBar

javascript原生实现自定义滚动条,支持鼠标滚轮,自定义滚动条的样式

使用方法

jScrollBar({
elem: document.getElementById("div2"),
inner: document.getElementById("cont2"),
dir: "h",
barStyle: {
height:10,
bottom:0,
background:"#ccc"
},
sliderStyle: {
height:8,
top:1,
background:"#333",
borderRadius: 8
}
});

参数说明 elem: 要添加滚动条的元素 inner: 要滚动的元素 dir: 滚动方向[ v|h ],v:垂直滚动,h:水平滚动,默认为v step: 每次滚动步长(px),默认为40 barStyle: {} 滚动条的样式 sliderStyle: {} 滚动滑块的样式

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。