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,需要的下载看一下
下面的代码主要是控制滚动条下拉时的加载事件的 在下面代码说明出,写上你的操作即可,无论是加载图片还是加载记录数据 都可以 别忘了引用jquery类库 $(window).scroll(function () { var scrollTop = $(this)....
主要介绍了jQuery实现当拉动滚动条到底部加载数据的方法,结合实例形式分析了jQuery针对滚动事件的监听、响应及数据加载相关操作技巧,需要的朋友可以参考下
下拉滚动条或鼠标滚轮滚动到页面底部时, 动态即时加载新内容。
数据异步加载可以发生在用户点击“查看更多”按钮或滚动条滚动到窗口的底部时自动加载;在接下来的博文中,我们将介绍如何实现自动加载更多的功能。 图1 微博加载更多功能 正文 假设,在我们的数据库中存放着用户的...
我们浏览有些网页的时候,当拉动浏览器的滚动条时到页底时,页面会继续自动加载更多内容供用户浏览。这种技术我暂且称它为滚屏加载技术,我们发现很多网站用到这种技术,例如新浪微博、QQ空间等。 代码如下: 代码...
设置页面加载时滚动条自动滚到底的方法: jQuery: 代码如下: $(function(){ var h = $(document).height()-$(window).height(); $(document).scrollTop(h); }); JavaScript: 代码如下: [removed] = ...
这个实例应该说可以很简单,直接使用jQuery的方法来处理也是可以的。但本文底层使用原生的js来处理...如果这个判断为true则表示滚动条滚动到了底部。 实例 <style type="text/css"> html,body, div, dl, dt, d
数据延迟加载功能的jQuery插件,类似新浪微博的滚动加载,当滚动条滚动到底部的时候,加载数据。使用方法: 加载jquery文件和DataLazyLoad文件。[removed][removed] [removed][removed] 根据选择器调用插件$("....
autocomplete插件原有功能,不能满足需求所以修改了增加...2 滚动条滚动到底部加载更多数据 3 与页面插件联动更新数据(清除缓存) 4 增加插件赋值给一个隐藏域,就可以得到文本和值 (做asp.net的用起来比较方便) 博客说明 ...
下拉滚动条或鼠标滚轮滚动到页面底部时, 动态即时加载新内容。 后台用 json 传输数据, 示例程序中只写了示例数组。数据也只设置了两个属性, 需根据实际应用改写。 页面用了 ul li 做为容器, 每个 li 表示一列 ...
有些需求中,需要当用户滚动到浏览器底部的时候,再加载新的内容。笔者在这里介绍如何使用Jquery判断用户是否已经浏览到网页的底部了。 在了解下面的知识点之前,... //获取垂直滚动条到顶部的垂直距离 $(document).scr
本文实例讲述了jQuery实现模仿微博下拉滚动条加载数据效果。分享给大家供大家参考,具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>滚动条距离底部</...
jQuery DoubleScroll插件一个简单的jQuery插件,用于在元素顶部显示其他滚动条。 该插件不需要jQuery-UI用法在页面加载所需的jQuery元素上调用doubleScroll函数: $ ( document ) . ready ( function ( ) { $ ( '....
waterfall-jQuery实现的瀑布流效果,当前流行的一种布局风格,向下滚动即时加载内容,下拉滚动条或鼠标滚轮滚动到页面底部时, 动态即时加载新内容。主要是当滚动到居底部以上100像素时,就开始加载新内容了。
下面的代码主要是控制滚动条下拉时的加载事件的,无论是加载图片还是加载记录数据 都可以。 加载jQuery库后我们可以这样使用: $(window).scroll(function () { var scrollTop = $(this).scrollTop(); var ...
我们在一些腾讯网站评论栏目上可以看到这样的应用,列表没有使用分页条,而是一次加载一定数量的记录显示在列表页,当用户浏览到列表页底部时,可以通过单击“加载更多”来查看更多记录。 原理:页面载入时,jQuery...