首页 > Web开发 > 详细

js滚动异步加载数据的思路

时间:2014-10-08 12:34:25      阅读:187      评论:0      收藏:0      [点我收藏+]
<body>

<div style="width:200px; height:1000px; border:1px solid red;" id="top_div"></div>

<script>
 window.onscroll = function(){ 
    var t = document.documentElement.scrollTop || document.body.scrollTop; //滚动条滚动的长度 
    var height=document.body.scrollHeight - window.screen.availHeight;  //网页页面整体高度  -  浏览器可见区域高度
   
    if( t >= height ) {
        //在此ajax异步加载数据显示
alert(height); $("div").last().after("<div style=‘width:200px; height:50px;‘>"+Date.now()+"</div>"); } } </script> </body>

  

js滚动异步加载数据的思路

原文:http://www.cnblogs.com/hanyouchun/p/4010841.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!