jquery的滚动事件

来源:未知 责任编辑:责任编辑 发表时间:2013-11-17 14:39 点击:

 

今天需要做一个异步鼠标滚动加载,以前做了几个,但是全部都是纯js写出来的而且也不记得放到那个文件还是项目中去了(本人懒得整理)。

            本来打算自己写再写一个,正准备动手时,突然发现,我很悲惨,那个鼠标滚动事件不记得是哪个了[老了,记性差],只好百度或者谷歌一下啊!这一查倒是查到方法了,

            不过附带了发现了很多可以直接用的插件例如:jquery.endless-scroll,paulirish-infinite-scroll很多很多啊~多的自己都不好选那个了。最后本人还是懒得想了直接自己再写一个吧

            强大的jquery中有个一个scroll的方法,文档中介绍和说明是这样的啊!

            “在每一个匹配元素的scroll事件中绑定一个处理函数。当滚动条发生变化时触发”关键是后面一句,满足条件暂时就用它了

            这个dome我就拿window对象来做[本人开发需要]

www.2cto.com

 1 $(document).ready(function () { //本人习惯这样写了

 2                 $(window).scroll(function () {

 3                     //$(window).scrollTop()这个方法是当前滚动条滚动的距离

 4                     //$(window).height()获取当前窗体的高度

 5                     //$(document).height()获取当前文档的高度

 6                     var bot = 50; //bot是底部距离的高度

 7                     if ((bot + $(window).scrollTop()) >= ($(document).height() - $(window).height())) {

 8                         //当底部基本距离+滚动的高度〉=文档的高度-窗体的高度时;

 9                         //我们需要去异步加载数据了

10                         $.getJSON("url", { page: "2" }, function (str) { alert(str); });

11                     }

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • Gb2312转utf-8编码的方法(vbs+js)
  • 如何使用Ajax技术开发Web应用程序(1)
  • js跳转路径问题
  • JavaScript模仿桌面窗口
  • 用js检测两个线段是否相交
  • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
  • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
  • 我是如何去了解jquery的(六),案例之幻灯片轮换
  • Jquery封装幻灯片效果
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1