JS实现比如中奖名单无限滑动展示样列

最新推荐文章于 2024-07-12 10:44:08 发布

__仰望

最新推荐文章于 2024-07-12 10:44:08 发布

阅读量1.6k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_42164539/article/details/106137389

版权

前端专栏收录该内容

71 篇文章 2 订阅

订阅专栏

在这里插入图片描述
html

JS:

window.onload = roll(50);
function roll(t) {
    var ul1 = document.getElementById("comment1");
    var ul2 = document.getElementById("comment2");
    var ulbox = document.getElementById("review_box");
    ul2.innerHTML = ul1.innerHTML;
    ulbox.scrollTop = 0;
    var timer = setInterval(rollStart, t);
}
function rollStart() {
    var ul1 = document.getElementById("comment1");
    var ul2 = document.getElementById("comment2");
    var ulbox = document.getElementById("review_box");
    if (ulbox.scrollTop >= ul1.scrollHeight) {
        ulbox.scrollTop = 0;
    } else {
        ulbox.scrollTop++;
    }
}