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

最新推荐文章于 2024-07-06 23:01:14 发布

iteye_16451

最新推荐文章于 2024-07-06 23:01:14 发布

阅读量119

点赞数

分类专栏： web 文章标签： js 滚动条事件新浪微博滚动加载 ViewUI

本文链接：https://blog.csdn.net/iteye_16451/article/details/82303194

版权

web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

（转载请注明作者出处）

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

<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>

iteye_16451

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
模仿新浪微博滚动条到底部加载数据

（转载请注明作者出处）模仿新浪微博滚动条事件的处理，提高用户体验，很不错！写了段测试代码如下： &lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8" /&gt;&lt;script type="text/javascript" src="jquery-1.7.min.js"&gt;&lt;/s
复制链接

扫一扫

专栏目录