原生js滚动插件（原创）
插件特效
插件描述：一个滚动条，兼容ie8及以上，兼容移动端
更新时间：2021-03-08 21:55:16
更新说明：修改scrollbox设置百分比高度bug，添加高度未超出时，不显示滚动条的逻辑
更新时间：2021-02-07 23:09:39
使用方法
第1步：引入css、js
第2步：创建4层节点
1 2 3 4 5 6 7 8 9 10 | <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步：如果是纵轴滚动，设置最大高度或高度，
1 2 3 4 | overflow: hidden;#scrollbox { max - height: 600 px; overflow: hidden;} |
第4步：创建滚动轴对象
1 | var oScrollbar = new TScrollBar('#scrollbox'); |
如果是横轴滚动，需要初始化时设置宽度
1 2 3 4 | var oScrollbar = new TScrollBar('#scrollbox', { direction: 'horizontal', width: 1000}); |
评论