码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-10-08 12:48:05      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   ar   java   数据   div   c   on   

<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滚动异步加载数据的思路

标签:style   blog   io   ar   java   数据   div   c   on   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!