`
wanghlwin
  • 浏览: 38016 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

    博客分类：
  • web
js滚动条事件新浪微博滚动加载 
阅读更多

（转载请注明作者出处）

 

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

 

 

 

<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>
分享到：
| 关于Java调用批处理命令向mysql导入数据的 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    ios-仿新浪微博新消息提示条.zip

    在本例中，"TopNewView"是模仿新浪微博新消息提示条的弹出视图，它会在用户刷新或有新消息时从顶部滑入，展示相关信息。 2. **UIScrollView**： UIScrollView是iOS中的一个基础组件，用于显示可滚动的内容。在这个...

    Android仿新浪微博首页源码.zip

    - `RecyclerView`用于滚动显示大量动态，通过适配器（Adapter）动态加载数据，并实现滑动刷新和下拉加载更多功能。 - `CardView`用于封装每条微博，提供美观的阴影效果和触摸反馈。 2. **网络请求与数据解析**： ...

    新浪微博爬虫

    本项目是关于使用Python进行数据抓取的一个实例，具体目标是实现对新浪微博的爬虫。在当今大数据时代，社交媒体平台上的信息是研究社会动态、用户行为和热点事件的重要资源，而微博作为中国最具影响力的社交网络之一...

    jQuery仿新浪微博高度自适应滚动特效代码

    【jQuery仿新浪微博高度自适应滚动特效代码】是一种利用JavaScript库jQuery实现的网页滚动效果，它模仿了新浪微博页面中随窗口高度变化而自动调整的滚动条功能。这种特效可以使页面内容在不同屏幕尺寸下都能保持良好...

    新浪微博动态列表

    SamuelandKevin创建的HKPTimeLine项目就是这样一个例子，它完美地模仿了赤兔和新浪微博的动态列表功能，包括评论、点赞、转发和分享等互动操作，并且具有自动计算行高的智能特性。 【源码解析】 1. **项目结构**：...

Magicbox
Global site tag (gtag.js) - Google Analytics