文档章节

页面加载新的东西到页面底部

小老傅
 小老傅
发布于 2014/12/08 11:35
字数 230
阅读 87
收藏 8

js的代码部分:

<!-- lang: js -->
<script type="text/javascript" src="<%=basePath%>/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript">
	$(function(){
		
		$("#send").click(function(){
			$("#resText").load("test.html #001");
			
		});
		
		

	$(window).scroll(function() {
			var scrollTop = $(this).scrollTop();
			console.info("scrollTop="+scrollTop);
			var scrollHeight = $(document).height();
			console.info("scrollHeight="+scrollHeight);
			var windowHeight = $(this).height();
			console.info("windowHeight="+windowHeight);
			if (scrollTop + windowHeight == scrollHeight) {
				alert("已经到底部了!");
				//此处是滚动条到底部时候触发的事件,在这里写要加载的数据,或者是拉动滚动条的操作
				$("<div>我是div的东西</div>").appendTo("body");
			}
		});

	});
</script>

下面的是页面的部分代码:

<!-- lang: html -->
<body>
<ul>

		<li>1232123132</li>
		<li>1232123132</li><li>1232123132</li><li>1232123132</li><li>1232123132</li><li>1232123132</li><li>1232123132</li><li>1232123132</li><li>1232123132</li><li>1232123132</li><li>1232123132</li><li>1232123132</li>
		<li>poppoweppkd</li>
		
		<li>poppoweppkd</li><li>poppoweppkd</li><li>poppoweppkd</li>
		<li>poppoweppkd</li><li>poppoweppkd</li><li>poppoweppkd</li>
</ul>

</body>

© 著作权归作者所有

共有 人打赏支持
小老傅
粉丝 7
博文 44
码字总数 35819
作品 0
海淀
程序员
私信 提问
如何测试Ajax动态分页列表的最大可翻页数?

原文作者:西安鲲之鹏 原文链接:http://www.site-digger.com/html/articles/20150718/94.html 现在使用Ajax技术的网站越来越多,一个常见的应用就是动态分页:当列表页面滚动底部时,下一页的...

西安鲲之鹏
2015/09/25
49
0
MooTools教程(6):操纵HTML DOM元素

我们已经学习过如何来选取DOM元素,怎么创建数组,怎么创建函数,怎么把事件添加到元素,今天我们来深入地学习一下如果操纵HTML元素。通过 MooTools 1.2,你可以添加新元素到一个HTML页面中,...

halfcoder
2010/12/25
0
2
yii2 如何在页面底部加载css和js

作者:白狼 出处:http://www.manks.top/article/yii2loadjscssin_end 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任...

白狼栈
2016/04/20
124
0
JS的相关概念

1. CSS和JS在网页中的放置顺序是怎样的? CSS最好放入header中,即放在网页内容(html标签中包含的文字和图片等)和js脚本之前 S最好放在最后,即放在网页内容(html标签中包含的文字和图片等...

熊蛋子17
2017/11/28
0
0
chrome插件Vimium尝鲜

f:显示当前页面所有链接(链接在当前页面打开) F:同f,链接在新的标签页中打开 j:向下移动 k:向上移动 h:左移 l:右移 gg:移到页面顶部 G:移到页面底部 d:向下移动一个页面(与j略有...

jsxqf
2013/07/18
0
4

没有更多内容

加载失败,请刷新页面

加载更多

w, vmstat, top, sar, nload命令查看系统状态信息

w/uptime 查看系统负载 cat /proc/cpuinfo 查看cpu核数 vmstat 监控系统状态,用法 vmstat 1,关键的几列: r, b, swpd, si, so, bi, bo, us, wa top 查看进程使用资源情况 top -c 显示详细的...

野雪球
今天
1
0
小白创建一个spring boot项目

进入 https://start.spring.io/

lilugirl
今天
2
0
Alibaba Java诊断利器Arthas实践--使用redefine排查应用奇怪的日志来源

背景 随着应用越来越复杂,依赖越来越多,日志系统越来越混乱,有时会出现一些奇怪的日志,比如: [] [] [] No credential found 那么怎样排查这些奇怪的日志从哪里打印出来的呢?因为搞不清...

hengyunabc
今天
2
0
home hosts

home hosts lwk@qwfys:~$ cat /etc/hosts127.0.0.1 localhost127.0.1.1 qwfys192.168.56.101vm600.qwfys.com39.108.212.91alpha1.ppy.com39.108.117.122alpha2.p......

qwfys
今天
3
0
大数据教程(6.1)hadoop生态圈介绍及就业前景

1. HADOOP背景介绍 1.1、什么是HADOOP 1.HADOOP是apache旗下的一套开源软件平台 2.HADOOP提供的功能:利用服务器集群,根据用户的自定义业务逻辑,对海量数据进行分布式处理 3.HADOOP的核心组...

em_aaron
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部