(转载请注明作者出处)
模仿新浪微博滚动条事件的处理,提高用户体验,很不错!写了段测试代码如下:
<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>
分享到:
相关推荐
jquery仿新浪微博鼠标滚动到底部加载内容
上拉加载更多下拉刷新仿新浪微博滚动分页。移动app.
新浪微博文字向下滚动效果 主要是文字在特定区域内滚动
jquery新浪微博图文列表滚动切换效果代码
jQuery仿新浪微博大厅滚动效果v2.0 jQuery仿新浪微博大厅滚动效果v2.0,分别调用了jQuery动画暂停插件和滚动效果js,具体见代码,源码库推荐下载。
本文实例讲述了jQuery实现模仿微博下拉滚动条加载数据效果。分享给大家供大家参考,具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>滚动条距离底部</...
jquery新浪微博图片文字列表间歇上下滚动淡进淡出滚动
JQuery实现仿sina新浪微博新鲜事滚动
jQuery仿新浪微博高度自适应滚动代码是一款调用方式很简单的自适应无缓动滚动代码。
页面滚动到底部自动加载数据功能模拟,HTML5+Jquery,需要的下载看一下
1 已经成功实现对ListView滚动条的自定义,定义的效果和新浪微博,QQ微博...的效果一样。 2 实现了对ListView分批量加载数据,滑动到ListView底部的时候会自动加载数据。
滚动条到底部加载数据原理很简单,就是为window或者滚动元素添加一个scroll事件,浏览器每次触发scroll事件时判断是否滚动到了浏览器底部, 如果到了底部则加载新数据。关键是计算滚动条是否滚动到了浏览器底部,...
NULL 博文链接:https://xjwolaile.iteye.com/blog/1892557
eclipse工程文件 博文链接:https://hc24.iteye.com/blog/825556
仿新浪微博高度自适应无缝滚动,新浪微博大家都用过哈,就是那种淡淡的滚动,最厉害的是自适应高度!!调用起来超级简单
这是一款仿新浪微博首页的jQuery文字滚动留言板插件。这款留言板插件使用户发布的信息不断的滚动显示,并且无缝衔接,效果非常不错。
仿新浪微博大厅动态向下滚动jQuery版,淡入浅出效果 注意:请使用最新的jquery包,否则可能在非IE浏览器下出现显示BUG,最新版可到Jquery官网 www.jquery.com下载
jQuery完美仿新浪微博大厅无缝滚动效果 v2.0 新版 注意:请使用最新的jquery包,否则可能在非IE浏览器下出现显示BUG,最新版可到Jquery官网 www.jquery.com下载,由于jQuery本身动画无法暂停,故采用第三方重写动画...
通过jquery 实现 新浪微博注册用户统计数字滚动显示效果