更新时间: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步:创建滚动轴对象
var oScrollbar = new TScrollBar('#scrollbox');
如果是横轴滚动,需要初始化时设置宽度
var oScrollbar = new TScrollBar('#scrollbox', { direction: 'horizontal', width: 1000 });