基于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 相关文章推荐
asp.net HttpHandler实现图片防盗链
Nov 09 Javascript
jQuery+CSS 实现的超Sexy下拉菜单
Jan 17 Javascript
Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
Jul 09 Javascript
jQuery使用$.each遍历json数组的简单实现方法
Apr 18 Javascript
js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码
Apr 30 Javascript
JSONP和批量操作功能的实现方法
Aug 21 Javascript
轻松实现js选项卡切换效果
Sep 24 Javascript
BootStrap3中模态对话框的使用
Jan 06 Javascript
AngularJS中filter的使用实例详解
Aug 25 Javascript
jQuery Validate插件ajax方式验证输入值的实例
Dec 21 jQuery
JS动画定时器知识总结
Mar 23 Javascript
Vue 中对图片地址进行拼接的方法
Sep 03 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+SQLite存储方案
2010/09/04 PHP
PHP中CURL的CURLOPT_POSTFIELDS参数使用细节
2014/03/17 PHP
PHP 类与构造函数解析
2017/02/06 PHP
Laravel网站打开速度优化的方法汇总
2017/07/16 PHP
ThinkPHP框架中使用Memcached缓存数据的方法
2018/03/31 PHP
Js 订制自己的AlertBox(信息提示框)
2009/01/09 Javascript
JavaScript CSS修改学习第五章 给“上传”添加样式
2010/02/19 Javascript
js拦截alert对话框另类应用
2013/01/16 Javascript
js 动态加载事件的几种方法总结
2013/12/25 Javascript
jQuery拖拽div实现思路
2014/02/19 Javascript
js 动态修改css文件用到了cssRule
2014/08/20 Javascript
JS中的二叉树遍历详解
2016/03/18 Javascript
javascript和jQuery实现网页实时聊天的ajax长轮询
2016/07/20 Javascript
AngularJS中$watch和$timeout的使用示例
2016/09/20 Javascript
总结Javascript中数组各种去重的方法
2016/10/04 Javascript
微信小程序 slider 详解及实例代码
2017/01/10 Javascript
AngularJS ui-router (嵌套路由)实例
2017/03/10 Javascript
详解nodejs模板引擎制作
2017/06/14 NodeJs
vue2组件之select2调用的示例代码
2017/10/12 Javascript
JS 实现获取验证码 倒计时功能
2018/10/29 Javascript
24个ES6方法解决JS实际开发问题(小结)
2020/05/31 Javascript
vue3中轻松实现switch功能组件的全过程
2021/01/07 Vue.js
处理Python中的URLError异常的方法
2015/04/30 Python
在Python中操作时间之strptime()方法的使用
2020/12/30 Python
Python中is和==的区别详解
2018/11/15 Python
pytorch方法测试——激活函数(ReLU)详解
2020/01/15 Python
Python数据相关系数矩阵和热力图轻松实现教程
2020/06/16 Python
Python虚拟环境virtualenv创建及使用过程图解
2020/12/08 Python
大型演出策划方案
2014/05/28 职场文书
小学教师教育随笔
2015/08/14 职场文书
幼儿教师继续教育培训心得体会
2016/01/19 职场文书
《山中访友》教学反思
2016/02/24 职场文书
2016最新离婚协议书范本及程序
2016/03/18 职场文书
苹果发布了MagSafe固件更新,可以不外接电源实现最高7.5W充电
2022/04/21 数码科技
SpringBoot使用ip2region获取地理位置信息的方法
2022/06/21 Java/Android
javascript进阶篇深拷贝实现的四种方式
2022/07/07 Javascript