javascript原生实现自定义滚动条,支持鼠标滚轮
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md
index.html
jscrollbar.js
jscrollbar.min.js

README.md

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: {} 滚动滑块的样式