基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )


Posted in Javascript onOctober 10, 2011
<div id="Scroll" style="background-color: Green; width: 2000px; height:2000px;"> 
请写很多数据…… 
</div> 
<div id="lookMore">more...</div> 
<script src="jquery-1.7b1.js" type="text/javascript"></script> 
<script type="text/javascript">//需要引用jquery 
$(window).scroll(function () { 
if ($(window).scrollTop() + $(window).height() > $("#lookMore").offset().top) 
$("#Scroll").append("<div>more!!!</div>");//替换为异步加载 
}); 
</script>
Javascript 相关文章推荐
使用node.js半年来总结的 10 条经验
Aug 18 Javascript
jQuery+ajax中getJSON() 用法实例
Dec 22 Javascript
$.extend 的一个小问题
Jun 18 Javascript
jQuery弹簧插件编写基础之“又见弹窗”
Dec 11 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
Dec 18 Javascript
JS实现自动阅读单词(有道单词本添加功能)
Nov 14 Javascript
jquery编写日期选择器
Mar 16 Javascript
基于node下的http小爬虫的示例代码
Jan 11 Javascript
js中getBoundingClientRect的作用及兼容方案详解
Feb 01 Javascript
vue开发中遇到的问题总结
Apr 07 Javascript
uniapp开发小程序实现滑动页面控制元素的显示和隐藏效果
Dec 10 Javascript
JavaScript声明变量和数据类型的转换
Apr 12 Javascript
jquery.tmpl JQuery模板插件
Oct 10 #Javascript
brook javascript框架介绍
Oct 10 #Javascript
jQuery 一个图片切换的插件
Oct 09 #Javascript
跨域请求之jQuery的ajax jsonp的使用解惑
Oct 09 #Javascript
多浏览器兼容性比较好的复制到剪贴板的js代码
Oct 09 #Javascript
jquery利用event.which方法获取键盘输入值的代码
Oct 09 #Javascript
javascript之bind使用介绍
Oct 09 #Javascript
You might like
PHP二维数组的去重问题解析
2011/07/17 PHP
深入php中var_dump方法的使用详解
2013/06/24 PHP
php使用正则表达式提取字符串中尖括号、小括号、中括号、大括号中的字符串
2020/04/05 PHP
PHP简单的MVC框架实现方法
2015/12/01 PHP
php打包网站并在线压缩为zip
2016/02/13 PHP
PHP-X系列教程之内置函数的使用示例
2017/10/16 PHP
showModelessDialog()使用详解
2006/09/21 Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
2008/03/22 Javascript
扩展easyui.datagrid,添加数据loading遮罩效果代码
2010/11/02 Javascript
js 获取radio按钮值的实例
2013/08/17 Javascript
JS对象与json字符串格式转换实例
2014/10/28 Javascript
Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能
2015/11/02 Javascript
jQuery使用deferreds串行多个ajax请求
2016/08/22 Javascript
微信JS SDK接入的几点注意事项(必看篇)
2017/06/23 Javascript
Vue.js搭建移动端购物车界面
2020/06/28 Javascript
jQuery幻灯片插件owlcarousel参数说明中文文档
2018/02/27 jQuery
koa上传excel文件并解析的实现方法
2018/08/09 Javascript
layer.confirm取消按钮绑定事件的方法
2018/08/17 Javascript
详解JavaScript中操作符和表达式
2018/09/12 Javascript
vue实现条件叠加搜索的解决方法
2019/05/28 Javascript
vue实现路由懒加载的3种方法示例
2020/09/01 Javascript
详解JavaScript类型判断的四种方法
2020/10/21 Javascript
全面解析Vue中的$nextTick
2020/12/24 Vue.js
[35:44]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG
2014/05/26 DOTA
[27:28]Ti4 冒泡赛第二天 iG vs NEWBEE 1
2014/07/15 DOTA
基础的十进制按位运算总结与在Python中的计算示例
2016/06/28 Python
python实现修改固定模式的字符串内容操作示例
2019/12/30 Python
Python3+Django get/post请求实现教程详解
2021/02/16 Python
施华洛世奇英国官网:SWAROVSKI英国
2017/03/13 全球购物
IWOOT美国:新奇的小玩意
2018/04/27 全球购物
求职简历自荐信范文
2013/10/21 职场文书
经济贸易专业自荐信
2014/06/11 职场文书
班级联欢会主持词
2015/07/03 职场文书
CSS实现五种常用的2D转换
2021/12/06 HTML / CSS
海弦WR-800F
2022/04/05 无线电
详解MongoDB排序时内存大小限制与创建索引的注意事项
2022/05/06 MongoDB