人生若只如初见

JS滚动

电脑版发表于:2020/11/26 15:02

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

JS 主要获取行数计算高度
    
  ls = $("li").length / 2 + 1;

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

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

    }3000);

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




关于TNBLOG
TNBLOG,技术分享
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢