更新时间: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 }); |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com