jQuery滚动到底部异步加载更多数据源代码Demo
2015-02-03 11:58:33  By: dwtedx

本文主要是基于JQuery实现滚动到页面底端时自动加载更多信息、本来我是想把我的主页也发改成这种效果的、但是最后还是放弃了、因为流量还不是很大、如果以后流量大了之后、再修改、这种效果类似微博、新浪新闻的评论等、都采用了这方法、需要的朋友可以参考下

JS代码如下


$(function(){
	var stop=true;
	var totalheight = 0;
	$(window).scroll(function(){
		totalheight = parseFloat($(window).height())
			  parseFloat($(window).scrollTop()); 
		if($(document).height() <= totalheight){ 
			if(stop==true){ 
				stop=false; 
				$.post("/forum/forumreply.php", (cpde=59, page =1), 
					function(txt){ 
					$("#Loading").before(txt); 
					stop=true; 
				}); 
			} 
		} 
	});
});


HTML代码就不贴出来了、就是 Loading 就是你想要放入加载数据的 HTML 元素、大家可以下载源代码 Demo 看一下、希望对大家有用

源代码链接: http://dwtedx.com/download.html?bdkey=s/1bn4KokZ 密码: 25hh

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

    • 小永 2016-09-19 21:34:21  4 评  | 回复

      这个demo我想下载了,想问下怎么使用,刚入web前端这行,不怎么懂js,qq1917088704,可以指导下吗?


    • 1131258645@qq.com 2015-05-22 12:04:06  1 评  | 回复

      好像不行啊,可能是我不会使用,把新闻列表放在 Loading的div下,打开时就是直接显示全部了


DD记账
top
+