首页 > 代码库 > 页面加载新的东西到页面底部
页面加载新的东西到页面底部
js的代码部分：
<script type="text/javascript" src="http://www.mamicode.com//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>
下面的是页面的部分代码：
<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>
页面加载新的东西到页面底部
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。