原

JS滚动

5000人阅读 2020/11/26 15:02 总访问：275677 评论：0 收藏：0 手机

分类: 前端

 DIV   overflow: hidden;//滚动必需样式，内容超过后就会隐藏
{    width: 100%;
    height: 100%;
    overflow: hidden;//滚动必需
    position: relative;
}

 JS 主要获取行数计算高度

  ls = $("li").length / 2 + 1;

    //除二是因为，滚动时，避免滚动到最后一条下面没有数据，所以添加数据时添加两份，当滚动到最后一条，形成无缝滚动

  J= 0; setInterval(function () {
        j++;
        if (j > ls) {
            j = 0;
          
            $(".ul").css({ marginTop: 0 });
        } else {
            $("ul").animate({ marginTop: -"4" * j + "rem" }, 1000);
        }

    }, 3000);

    使用定时器一直往上拉，行成滚动

👈{{preArticle.title}}

👉{{nextArticle.title}}

评价

人生若只如初见

若人生只如初见，愿还是相遇的那个下午，阳光明媚转身一笑便如春暖花开

博主信息

排名

文章

粉丝

文章类别

.NET 19篇

.NET Core 6篇

前端 25篇

后端 3篇

JS滚动

{{titleitem}} {{titleitem}}

{{titleitem}} {{titleitem}}