jquery实现滚动到页面底部时无限加载内容的代码

标签: jquery 页面 无限 | 发表时间:2014-11-22 01:19 | 作者:yybjroam05
出处:http://blog.csdn.net

由于时间关系没有整理封装,有空的时候再把他做成一个插件。但复制下来修改一下是可以用的。以下为实例:

var p="{$other.p}";
if(p=="") p=1;
 var stop=true;//触发开关,防止多次调用事件
 $(window).scroll(function() {  
      //当内容滚动到底部时加载新的内容 100当距离最底部100个像素时开始加载.
      if ($(this).scrollTop() + $(window).height() + 100 >= $(document).height() && $(this).scrollTop() > 100) {  
          
          if(stop==true){
              stop=false;
              p=p+1;//当前要加载的页码  
              canshu="?t={$other.t}&p="+p+"&cid={$other.cid}";
               //加载提示信息
               $("#showlists").append("<li class='ajaxtips'><div style='font-size:2em'>Loding.....</div></li>");
               $.get("__URL__/nextpage"+canshu,function(data){
                   $(".ajaxtips").hide();
                   $("#showlists").append(data);//把新的内容加载到内容的后面
                   stop=true;
               })
         }
      }  
  }); 


作者:yybjroam05 发表于2014-11-21 17:19:47 原文链接
阅读:74 评论:0 查看评论

相关 [jquery 页面 无限] 推荐:

jquery实现滚动到页面底部时无限加载内容的代码

- - CSDN博客Web前端推荐文章
由于时间关系没有整理封装,有空的时候再把他做成一个插件. var p="{$other.p}"; if(p=="") p=1; var stop=true;//触发开关,防止多次调用事件 $(window).scroll(function() {. //当内容滚动到底部时加载新的内容 100当距离最底部100个像素时开始加载.

js 和 jquery 获取页面和滚动条的高度

- - Web前端 - ITeye博客
js 和 jquery 获取页面和滚动条的高度 //页面位置及窗口大小 function GetPageSize() { var scrW, scrH; if(window.innerHeight && window.scrollMaxY) {. return {PageW:pageW, PageH:pageH, WinW:winW, WinH:winH}; }; //滚动条位置 function GetPageScroll() { var x, y; if(window.pageYOffset) {.

9 个单页面网站开发必备的 jQuery 插件

- - ITeye资讯频道
单页面网站作为简单快捷、易于维护的页面设计方案,越来越受到工作室、作品集或者个人博客类网站用户的青睐,我们可以使用不同的特效来使得页面更加的丰富和炫动. 今天我们将介绍几款可以作为单页面开发的jQuery插件,帮助大家快速简便的实现一个单页面的网站设计,希望大家喜欢. 使用这个插件,可以帮助你快速搭建一个滚动的页面导航,如果你需要比较简单直接的方式开发一个单页面的网站,这个插件是一个不错的选择.

jQuery参考实例 1.2 在DOM加载完毕,页面元素完全加载之前运行jQuery/JavaScript代码

- - CSDN博客推荐文章
本文翻译自jQuery Cookbook (O’Reilly 2009) 1.2 Executing jQuery/JavaScript Code After the DOM Has Loaded but Before Complete Page Load. 主流的JavaScript应用程序一般只在DOM完全加载后才运行JS代码.

15个非常棒的jQuery无限滚动插件【瀑布流效果】

- - CSDN博客Web前端推荐文章
现在,最热门的网站分页趋势之一是jQuery的无限滚动(也即瀑布流). 如果你碰巧观察Pinterest的网站,如Facebook,Twitter和deviantART的,你会发现无限滚动的动作,当旧的内容自动加载,当你到达页面底部的. 这将鼓励访客的网站停留更长的时间,并进一步阅读的网站提供更多相关的内容,无需用户任何操作自动.

8个实用的页面布局和用户界面jQuery插件

- - Jackchen Design 1984
网页设计师和网页开发人员在做项目的时候可能会有一些页面的布局或者对于UI有一些特定的要求. 可能一些需求不能单独使用CSS就能实现的. 于是很多时候开发人员都会消耗大量的时间和精力去写一些JS来协助实现. 其实如果你知道一些jQuery,你会发现这些jQuery非常的好用和灵活. 在这篇文章中我们分享了一些优秀实用的jQuery插件.

jQuery实现页面内平滑回到顶部的过程分析及实现方法

- - 奶牛博客
jQuery可以实现一些很绚丽的网页效果,比如淡入淡出还有滑动效果等,它的动画自定义也很强大,animate()功能很出色,今天奶牛跟大家一起来看看那些网页中的回到顶部或者回到底部如何用jQuery来实现平滑滚动. 首先,我们需要知道,我们的滚动要到达的目的地,比如一个页面内的元素,我们要知道它距离窗口顶部的位置.

jquery实现页面滚动到最下方自动按分页的形式加载内容效果

- - ITeye博客
//此处的 scroll_body 是滚动的元素,就是在这个区域滚动会触发事件来加载新的内容. //这个是目标应该添加到的窗口是哪个,此处为 div的ID为scroll_items的div,新加的内容会追加到此元素内部的最后面. //此处为需要调用的内容,可以为api接口,直接调用,然后那个页面可以分别用分页的方式显示数据.

使用jQuery开发一个带有密码强度检验的超酷注册页面

- - 前端观察
在今天的 jQuery教程中,我们将介绍如何使用 jQuery和其它相关的插件来生成一个漂亮的带有 密码强度检验的注册页面,希望大家喜欢.   complexify – 一个密码强度检验 jQuery插件.   justgage – 一个兼容性良好的仪表盘类库. 注册中包含一个密码强度检验组件,用户需要设置一定强度的密码才可以注册.

JQuery 选择器

- - CSDN博客Web前端推荐文章
}

点击我

.    像上面这样把JavaSript代码和HTML代码混杂在一起的做法同样也非常不妥,因为它并没有将网页内容和行为分离,所以才有JQuery选择器的学习.

点击我

. //给class为demo的元素添加行为.