文档章节

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

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

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
博文 41
码字总数 35819
作品 0
海淀
程序员
如何延迟加载js文件

例如: 等整个文档加载完后,再加载外部文件 "default.js" function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "default.js"; document.body......

学习也休闲 ⋅ 2015/08/06 ⋅ 0

如何测试Ajax动态分页列表的最大可翻页数?

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

西安鲲之鹏 ⋅ 2015/09/25 ⋅ 0

MooTools教程(6):操纵HTML DOM元素

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

halfcoder ⋅ 2010/12/25 ⋅ 2

yii2 如何在页面底部加载css和js

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

白狼栈 ⋅ 2016/04/20 ⋅ 0

JS的相关概念

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

熊蛋子17 ⋅ 2017/11/28 ⋅ 0

chrome插件Vimium尝鲜

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

jsxqf ⋅ 2013/07/18 ⋅ 4

微信小程序之上拉加载与下拉刷新

在移动端,随着手指不断向上滑动,当内容将要到达屏幕底部的时候,页面会随之不断的加载后续内容,直到没有新内容为止(我们是有底线的-o-),我们称之为上拉加载,从技术角度来说,也可以称...

一斤代码 ⋅ 03/03 ⋅ 0

JS实现-页面数据无限加载(博主未测试版)

在手机端浏览网页时,经常使用一个功能,当我们浏览京东或者淘宝时,页面滑动到底部,我们看到数据自动加载到列表。之前并不知道这些功能是怎么实现的,于是自己在PC浏览器上模拟实现这样的功...

AAASSSSddd ⋅ 2016/09/18 ⋅ 0

UITableView在ViewWillAppear的时候加载到最底部

需求; 1.实现时间轴效果 2.数据显示顶部为旧数据,底部为最新数据(说起来有点反正常iOS逻辑,但是这就是需求,认命吧~) 3.进入页面时,直接滚动到最低部 4.部分Cell需要自适应 5.刷新机制:...

萨斯辈的呼唤 ⋅ 2015/07/22 ⋅ 0

高性能Javascript--脚本的无阻塞加载策略

Javascript在浏览器中的性能,可以说是前端开发者所要面对的最重要的可用性问题。 在Yahoo的Yslow23条规则当中,其中一条是将JS放在底部 。原因是,事实上,大多数浏览器使用单进程处理UI和更...

Junn ⋅ 2014/10/10 ⋅ 2

没有更多内容

加载失败,请刷新页面

加载更多

下一页

浅谈springboot Web模式下的线程安全问题

我们在@RestController下,一般都是@AutoWired一些Service,由于这些Service都是单例,所以并不存在线程安全问题。 由于Controller本身是单例模式 (非线程安全的), 这意味着每个request过来,...

算法之名 ⋅ 今天 ⋅ 0

知乎Java数据结构

作者:匿名用户 链接:https://www.zhihu.com/question/35947829/answer/66113038 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 感觉知乎上嘲讽题主简...

颖伙虫 ⋅ 今天 ⋅ 0

Confluence 6 恢复一个站点有关使用站点导出为备份的说明

推荐使用生产备份策略。我们推荐你针对你的生产环境中使用的 Confluence 参考 Production Backup Strategy 页面中的内容进行备份和恢复(这个需要你备份你的数据库和 home 目录)。XML 导出备...

honeymose ⋅ 今天 ⋅ 0

JavaScript零基础入门——(九)JavaScript的函数

JavaScript零基础入门——(九)JavaScript的函数 欢迎回到我们的JavaScript零基础入门,上一节课我们了解了有关JS中数组的相关知识点,不知道大家有没有自己去敲一敲,消化一下?这一节课,...

JandenMa ⋅ 今天 ⋅ 0

火狐浏览器各版本下载及插件httprequest

各版本下载地址:http://ftp.mozilla.org/pub/mozilla.org//firefox/releases/ httprequest插件截至57版本可用

xiaoge2016 ⋅ 今天 ⋅ 0

Docker系列教程28-实战:使用Docker Compose运行ELK

原文:http://www.itmuch.com/docker/28-docker-compose-in-action-elk/,转载请说明出处。 ElasticSearch【存储】 Logtash【日志聚合器】 Kibana【界面】 答案: version: '2'services: ...

周立_ITMuch ⋅ 今天 ⋅ 0

使用快嘉sdkg极速搭建接口模拟系统

在具体项目研发过程中,一旦前后端双方约定好接口,前端和app同事就会希望后台同事可以尽快提供可供对接的接口方便调试,而对后台同事来说定好接口还仅是个开始、设计流程,实现业务逻辑,编...

fastjrun ⋅ 今天 ⋅ 0

PXE/KickStart 无人值守安装

导言 作为中小公司的运维,经常会遇到一些机械式的重复工作,例如:有时公司同时上线几十甚至上百台服务器,而且需要我们在短时间内完成系统安装。 常规的办法有什么? 光盘安装系统 ===> 一...

kangvcar ⋅ 昨天 ⋅ 0

使用Puppeteer撸一个爬虫

Puppeteer是什么 puppeteer是谷歌chrome团队官方开发的一个无界面(Headless)chrome工具。Chrome Headless将成为web应用自动化测试的行业标杆。所以我们很有必要来了解一下它。所谓的无头浏...

小草先森 ⋅ 昨天 ⋅ 0

Java Done Right

* 表示难度较大或理论性较强。 ** 表示难度更大或理论性更强。 【Java语言本身】 基础语法,面向对象,顺序编程,并发编程,网络编程,泛型,注解,lambda(Java8),module(Java9),var(...

风华神使 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部