03月07, 2018

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

javascript原生实现自定义滚动条,支持鼠标滚轮,自定义滚动条的样式,这是本人写的小封装之一,GITHUB:https://github.com/richard-chen-1985/jScrollBar

使用方法

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

本文链接:http://www.chenliqiang.cn/post/21.html

-- EOF --

Comments

请在后台配置评论类型和相关的值。