首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

仿照新浪微博滚动条到底部加载数据

2012-06-26 
模仿新浪微博滚动条到底部加载数据(转载请注明作者出处)?模仿新浪微博滚动条事件的处理,提高用户体验,很不

模仿新浪微博滚动条到底部加载数据

(转载请注明作者出处)

?

模仿新浪微博滚动条事件的处理,提高用户体验,很不错!写了段测试代码如下:

?

?

?

<html><head><meta charset="utf-8" /><script type="text/javascript" src="jquery-1.7.min.js"></script><script>var totalheight = 0; function loadData(){     totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());     if ($(document).height() <= totalheight) {        /*load Some data...   */    } } $(window).scroll( function() { console.log("滚动条到顶部的垂直高度: "+$(document).scrollTop()); console.log("页面的文档高度 :"+$(document).height());console.log('浏览器的高度:'+$(window).height());loadData();} ); </script></head><body>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/>dd<br/></body></html>

热点排行