jquery 瀑布流原理 页面到达底部加载数据的方法
来源:互联网 发布:mac电脑自带抠图软件 编辑:程序博客网 时间:2024/05/15 10:55
<html><head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> function insertcode() { var $body = $("body"); $body.append('<div style=\" height:1000px; font-size:24px;\">新增项目</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); /*关键 如果 屏幕高度加上 向下滚动距离等于 body 文档高度 或者 大于*/ if (($(window).height() + $(window).scrollTop()) >= $body.height()) { $("#page_tag_load").show(); //setTimeout(insertcode, 1000);/*IE 不支持*/ 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>
0 0
- jquery 瀑布流原理 页面到达底部加载数据的方法
- jquery 瀑布流自动加载数据方法
- jquery判断滚动条到达底部的方法
- jQuery瀑布流加载更多数据
- Jquery的 scroll事件,实现当滚动条到达最底部时,自动加载新项
- 判断ListView滚动到达底部的方法
- js当滚动条即将到达底部自动加载数据
- jquery 判断滚动条到达了底部和顶端的方法
- jQuery搭建简单的瀑布流页面
- 瀑布流加载数据
- 超级简单的瀑布流加载数据
- Jquery的 scroll事件,实现当滚动条到达最底部时,自动加载新项[转]
- php+jquery+ajax滚动条滚动到底部自动加载,简单实现瀑布流
- jquery加载页面的方法
- jquery实现瀑布流效果+下拉加载新数据
- jquery 判断滚动条到达了底部,怎么判断滚动条是否又到达的顶
- jquery 判断滚动条到达了底部,怎么判断滚动条是否又到达的顶
- js 下拉底部加载|滑轮滚动到页面底部ajax加载数据的实例
- 一年成为Emacs高手更新至20140504版
- Objective-C规范注释心得——同时兼容appledoc(docset、html)与doxygen(html、pdf)的文档生成
- entry org.eclipse.osgi 4 0 message application error stack 1
- HDU 1002 A + B Problem II C++解法
- 新辰:河南工业90后被称”破烂王” 创业3年盈利15万
- jquery 瀑布流原理 页面到达底部加载数据的方法
- 数字签名是什么?
- 哈夫曼树及哈夫曼编码
- 单词数
- c++11 对std::function与std::bind理解
- matlab调用opencv
- ubuntu 14.04 搭建Android开发环境
- F5的会话保持
- MySQL 获得当前日期时间(以及时间的转换)