滚动条下拉不断获取新内容
来源:互联网 发布:读梦里花落知多少有感 编辑:程序博客网 时间:2024/04/30 11:19
<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function insertcode() {
var data = new Date();
var $body = $("body");
$body.append('<div style=\" height:50px;border:1px solid red; font-size:24px;\">'+data.getSeconds()+'</div>')
$("#page_tag_load").hide();
}
$(document).ready(function () {
$(window).scroll(function () {
var $body = $("body");
var $html = "";
$html += "<br/>" + ($(window).height() + $(window).scrollTop());
$html += "<br/>window.height: " + $(window).height();
$html += "<br/>body.height: " + $body.height();
$html += "<br/>window.scrollTop: " + $(window).scrollTop();
$("#page_tag_bottom").html($html);
/*判断窗体高度与竖向滚动位移大小相加 是否 超过内容页高度*/
if (($(window).height() + $(window).scrollTop()) >= ($body.height())) {
$("#page_tag_load").show();
setTimeout('insertcode()', 1000);
// insertcode();
}
});
});
</script>
</head>
<body>
<div style="height: 1000px; font-size: 24px;">新增项目</div>
<div id="page_tag_bottom"
style="width: 100%; position: fixed; top: 0px; background-color: #cccccc; height: 100px;"></div>
<div id="page_tag_load"
style="display: none; font-size: 14px; position: fixed; bottom: 0px; background-color: #cccccc; height: 50px;">加载中...</div>
</body>
</html>
<head>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function insertcode() {
var data = new Date();
var $body = $("body");
$body.append('<div style=\" height:50px;border:1px solid red; font-size:24px;\">'+data.getSeconds()+'</div>')
$("#page_tag_load").hide();
}
$(document).ready(function () {
$(window).scroll(function () {
var $body = $("body");
var $html = "";
$html += "<br/>" + ($(window).height() + $(window).scrollTop());
$html += "<br/>window.height: " + $(window).height();
$html += "<br/>body.height: " + $body.height();
$html += "<br/>window.scrollTop: " + $(window).scrollTop();
$("#page_tag_bottom").html($html);
/*判断窗体高度与竖向滚动位移大小相加 是否 超过内容页高度*/
if (($(window).height() + $(window).scrollTop()) >= ($body.height())) {
$("#page_tag_load").show();
setTimeout('insertcode()', 1000);
// insertcode();
}
});
});
</script>
</head>
<body>
<div style="height: 1000px; font-size: 24px;">新增项目</div>
<div id="page_tag_bottom"
style="width: 100%; position: fixed; top: 0px; background-color: #cccccc; height: 100px;"></div>
<div id="page_tag_load"
style="display: none; font-size: 14px; position: fixed; bottom: 0px; background-color: #cccccc; height: 50px;">加载中...</div>
</body>
</html>
- 滚动条下拉不断获取新内容
- jquery获取滚动条下拉值-下拉式加载数据
- 随着滚动条下拉来加载页面内容
- 窗体内容滚动及获取滚动条的偏移值
- 菜单下拉滚动条
- Selenium下拉滚动条
- jQuery下拉滚动条刷新 ajax获取数据
- 滚动条到底部时自己加载新的内容
- 页面滚动动态加载数据,页面下拉自动加载内容 ,滚动条滚动到最底端加载数据
- 滚动条下拉触发事件
- web页面在滚动条下拉时加载更多内容(个人项目经验)
- 获取滚动条宽度
- 模拟滚动条控制内容的滚动
- 解决 ie6 下弹出框随着滚动条不断抖动
- html滚动条到底不断加载数据代码
- 给DataGrid添加下拉滚动条
- 带滚动条的下拉表格
- 隐藏AutoCompleteTextView下拉框的滚动条
- visual C++中最常用的类与API函数
- jquery获取浏览器高度、宽度和滚动条高度
- 转载和积累系列 - C语言学习笔记 - 动态分配内存
- RadControls for Silverlight(学习1-GridView)
- 未定义整型-858993460,未定义指针0xcccccccc的含义
- 滚动条下拉不断获取新内容
- java中如何调用CMD命令及cmd大全
- 关键字restrict简介
- 决不放弃
- NHibernate笔记Ⅲ--关于EF和NH的比较
- Python中的分号
- js版本计算器
- 利用iframe实现表单无刷新上传
- 开始MFC学习进程