`

jquery 滚动条底部自动加载

阅读更多

jquery 滚动条底部时自动加载更多信息,

 

$(window).scroll(function() {
     //滚动条到网页头部的 高度,兼容ie,ff,chrome
 // var top = document.documentElement.scrollTop + document.body.scrollTop; //??????

      //网页的高度
     var textheight= $(document).height();// 整个页面的高度
      var clt =$(window).height(); // 当前可见页面高度
      //滚动条到网页头部的 高度
      var top= $(document).scrollTop();// 滚动条距顶部高度
     // alert(textheight - top - clt);
      if (textheight - top - clt <= 100){
          alert('到底部啦!!!!');

         //这里调用你加载信息的ajax方法。当然,表单提交也可以,用户体验太差,大数据不行。
     }
});

分享到:
评论

相关推荐

    页面滚动到底部自动加载数据

    页面滚动到底部自动加载数据功能模拟,HTML5+Jquery,需要的下载看一下

    js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法

    下面的代码主要是控制滚动条下拉时的加载事件的 在下面代码说明出,写上你的操作即可,无论是加载图片还是加载记录数据 都可以  别忘了引用jquery类库 $(window).scroll(function () { var scrollTop = $(this)....

    jQuery实现当拉动滚动条到底部加载数据的方法分析

    主要介绍了jQuery实现当拉动滚动条到底部加载数据的方法,结合实例形式分析了jQuery针对滚动事件的监听、响应及数据加载相关操作技巧,需要的朋友可以参考下

    jQuery实现的瀑布流效果, 向下滚动即时加载内容

    下拉滚动条或鼠标滚轮滚动到页面底部时, 动态即时加载新内容。

    基于jquery实现页面滚动到底自动加载数据的功能

    数据异步加载可以发生在用户点击“查看更多”按钮或滚动条滚动到窗口的底部时自动加载;在接下来的博文中,我们将介绍如何实现自动加载更多的功能。 图1 微博加载更多功能 正文 假设,在我们的数据库中存放着用户的...

    jquery滚动加载数据的方法

    我们浏览有些网页的时候,当拉动浏览器的滚动条时到页底时,页面会继续自动加载更多内容供用户浏览。这种技术我暂且称它为滚屏加载技术,我们发现很多网站用到这种技术,例如新浪微博、QQ空间等。 代码如下: 代码...

    JS JQUERY实现滚动条自动滚到底的方法

    设置页面加载时滚动条自动滚到底的方法: jQuery: 代码如下: $(function(){  var h = $(document).height()-$(window).height();  $(document).scrollTop(h); }); JavaScript: 代码如下: [removed] = ...

    js实现滚动条滚动到页面底部继续加载

    这个实例应该说可以很简单,直接使用jQuery的方法来处理也是可以的。但本文底层使用原生的js来处理...如果这个判断为true则表示滚动条滚动到了底部。 实例 &lt;style type="text/css"&gt; html,body, div, dl, dt, d

    jQuery数据延迟加载插件DataLazyLoad.zip

    数据延迟加载功能的jQuery插件,类似新浪微博的滚动加载,当滚动条滚动到底部的时候,加载数据。使用方法: 加载jquery文件和DataLazyLoad文件。[removed][removed] [removed][removed] 根据选择器调用插件$("....

    jquery.autocomplete插件修改扩展功能

    autocomplete插件原有功能,不能满足需求所以修改了增加...2 滚动条滚动到底部加载更多数据 3 与页面插件联动更新数据(清除缓存) 4 增加插件赋值给一个隐藏域,就可以得到文本和值 (做asp.net的用起来比较方便) 博客说明 ...

    jQuery向下滚动即时加载内容实现的瀑布流效果

    下拉滚动条或鼠标滚轮滚动到页面底部时, 动态即时加载新内容。 后台用 json 传输数据, 示例程序中只写了示例数组。数据也只设置了两个属性, 需根据实际应用改写。 页面用了 ul li 做为容器, 每个 li 表示一列 ...

    jQuery判断网页是否已经滚动到浏览器底部的实现方法

    有些需求中,需要当用户滚动到浏览器底部的时候,再加载新的内容。笔者在这里介绍如何使用Jquery判断用户是否已经浏览到网页的底部了。 在了解下面的知识点之前,... //获取垂直滚动条到顶部的垂直距离 $(document).scr

    jQuery实现模仿微博下拉滚动条加载数据效果

    本文实例讲述了jQuery实现模仿微博下拉滚动条加载数据效果。分享给大家供大家参考,具体如下: &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head runat="server"&gt; &lt;title&gt;滚动条距离底部&lt;/...

    jqDoubleScroll:一个jQuery插件,将元素的底部滚动条复制到顶部

    jQuery DoubleScroll插件一个简单的jQuery插件,用于在元素顶部显示其他滚动条。 该插件不需要jQuery-UI用法在页面加载所需的jQuery元素上调用doubleScroll函数: $ ( document ) . ready ( function ( ) { $ ( '....

    waterfall-jQuery实现的瀑布流效果.zip

    waterfall-jQuery实现的瀑布流效果,当前流行的一种布局风格,向下滚动即时加载内容,下拉滚动条或鼠标滚轮滚动到页面底部时, 动态即时加载新内容。主要是当滚动到居底部以上100像素时,就开始加载新内容了。

    使用jQuery或者原生js实现鼠标滚动加载页面新数据

    下面的代码主要是控制滚动条下拉时的加载事件的,无论是加载图片还是加载记录数据 都可以。 加载jQuery库后我们可以这样使用:  $(window).scroll(function () { var scrollTop = $(this).scrollTop(); var ...

    ASP加载更多功能 1.0.rar

    我们在一些腾讯网站评论栏目上可以看到这样的应用,列表没有使用分页条,而是一次加载一定数量的记录显示在列表页,当用户浏览到列表页底部时,可以通过单击“加载更多”来查看更多记录。 原理:页面载入时,jQuery...

Global site tag (gtag.js) - Google Analytics