美文网首页
数据滚动

数据滚动

作者: 滔滔逐浪 | 来源:发表于2019-01-06 09:04 被阅读2次
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滚动条</title>
    <style>
        .all_list_div{overflow:hidden;height:120px;float:left; }
        .span1 a{color: #b28a64;}
 .all_list_div{height: 175px;overflow: hidden;}
    </style>
    <script src="js/jquery.js"></script>
</head>
<body>
  <div class="all_list_div" id="all_list_div">
      <ul class="ul_list"><ul class="ul_list"><li style="white-space:nowrap;"><span class="span1">恭喜&nbsp;&nbsp;<a href="javascript:;">1***&nbsp;&nbsp;&nbsp;</a></span><span class="span2">宝马&nbsp;&nbsp;</span><span class="span3">2018-11-12 16:03:38</span></li></ul>
  </div>
 <script type="text/javascript">
      var dis=0;
   function autoscall(){
       dis++;
       $(".all_list_div").scrollTop(dis);
       if($(".all_list_div").scrollTop()>=$(".ul_list").height-$(".all_list_div").height()){
         dis=0;
       }
   };

   $(function () {
       setInterval("autoscall()",80);
   })

 </script>
</body>

</html>

相关文章

  • 数据滚动

  • android 的scroller的使用

    理解 我把scroller理解为滚动数据携带器,他只是一个记录滚动数据的工具,并不显示view的滚动效果,其实这点...

  • Vue滚动底部分页实现

    滚动到底部分页实现的原理:1.监听滚动事件,滚动到底部100px的时候去请求接口获取分页数据2.将接口返回的数据和...

  • 2017-4-5_工作报告

    工作报告 修复汇车滚动加载bug 下拉刷新重新加载数据后,没有清空旧的数据滚动加载时把旧数据和新数据拼接在一起了。...

  • 页面无限滚动实现原理

    前端无限滚动一般指元素滚动到最后,动态加载更多数据。实现原理大只如下:假设outer为外层容器, 则当滚动条滚动到...

  • cesium鼠标滚轮实现geojson的动态加载

    有这样一个需求: 当鼠标滚轮向下滚动时,动态加载geojson数据,而向上滚动时,数据自动恢复原样。 首先需要加载...

  • 借占位符实现滚动到列表底部重新加载数据

    滚动到底部更新数据是个很常见的需求,也是网站优化的一部分。 页面效果 第一次滚动到底部新加载数据 再滚动 源代码

  • vue遇上懒加载

    1,元素 2,监听滚动事件 3,判断数据加载的时刻 4,数据加载 5,vue数据

  • element 无限滚动 InfiniteScroll

    element 中InfiniteScroll 无限滚动 的应用 不废话,直接上无线滚动就是分页请求,把所有数据合...

  • marquee滚动(不知道为什么)

    在数据库里读取到文字之后,总是第一个字滚动到左边边界就弹回去(文字没有滚动完),重新滚动,之后就正常滚动循环。解决...

网友评论

      本文标题:数据滚动

      本文链接:https://www.haomeiwen.com/subject/ftfnlqtx.html