tnblog
首页
视频
资源
登录

JS滚动

4201人阅读 2020/11/26 15:02 总访问:226289 评论: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 (> ls) {
            j = 0;
          
            $(".ul").css({ marginTop: 0 });
        } else {
            $("ul").animate({ marginTop: -"4" * j + "rem" }1000);
        }

    }3000);

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




评价
若人生只如初见,愿还是相遇的那个下午,阳光明媚转身一笑便如春暖花开
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2024TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
欢迎加群交流技术