页面中的滚动条定时自动下滚

最新推荐文章于 2022-11-26 17:13:50 发布

weixin_30797027

最新推荐文章于 2022-11-26 17:13:50 发布

阅读量187

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yangguoe/p/10411651.html

本文介绍了一个使用jQuery和layui框架实现的自动滚动表格效果。通过定时器每秒增加滚动条位置，实现表格内容的自动滚动，适用于需要展示大量数据或进行数据轮播的场景。

 1  scrollBar();
 2     function scrollBar() {
 3         height = $('.layui-table-body').height();
 4         var number = 0;
 5         var length = 0;
 6         var time = setInterval(function () {
 7             number += 1;
 8             if (number == 12) {
 9                 clearInterval(time);
10                 $('.layui-table-body').scrollTop('0');
11             } else {
12                 length += height / 11;
13                 $('.layui-table-body').scrollTop(length);  //只有此处有区别
14             }
15         }, 1000);
16     }
17 
18     setInterval(function () {
19         scrollBar()
20     }, 13000)