原生js滚动插件（原创）

插件特效

2026-07-25 23:16 2 次浏览 • 0 次下载 7.9KB

插件描述：一个滚动条，兼容ie8及以上，兼容移动端

更新时间：2021-03-08 21:55:16

更新说明：修改scrollbox设置百分比高度bug，添加高度未超出时，不显示滚动条的逻辑

更新时间：2021-02-07 23:09:39

使用方法

第1步：引入css、js

第2步：创建4层节点

<div id="scrollbox"><div><div>
    <div class="list">
    <div class="item">1</div>
    <div class="item">2</div>
    <div class="item">3</div>
    <div class="item">4</div>
    <div class="item">5</div>
    ...
    </div>
</div></div></div>

第3步：如果是纵轴滚动，设置最大高度或高度，

overflow: hidden;#scrollbox {
    max - height: 600 px;
    overflow: hidden;
}

第4步：创建滚动轴对象

1	`var` `oScrollbar =` `new` `TScrollBar('#scrollbox');`

如果是横轴滚动，需要初始化时设置宽度

var oScrollbar = new TScrollBar('#scrollbox', {
    direction: 'horizontal',
    width: 1000
});