蓝冠官网-蓝冠公司|蓝冠招商注册-蓝冠开户
蓝冠官网(主管Q374919)

蓝冠教程_原生js滚动插件(原创)


 查看演示
 website
 立即下载 插件描述:一个滚动条,兼容ie8及以上,兼容移动端

更新时间: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
});
2021-02-09