jQuery-paged-scroll

无限滚动的 jQuery 插件
授权协议 MIT
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery页面滚动插件
软件类型 开源软件
地区 不详
投 递 者 公良鸿畅
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

jQuery-paged-scroll 是一个仿照 Facebook 的支持无限滚动的 jQuery 插件。

示例代码:

$(window).paged_scroll({
    handleScroll:function (page,container,doneCallback) {
        yourLogic.getData(function(data){
          var html = yourLogic.parseData(data);
          $('#element').append(html);
        });
    },
    triggerFromBottom:'10px',
    targetElement : $('#element')
    loader:'<div class="loader">Loading next page ...</div>',
    pagesToScroll: yourLogic.totalNumberOfPages
});

 

  • 一、引入所需js插件 <script type="text/javascript" src="js/jquery-1.10.0.min.js"></script> <script type="text/javascript" src="js/jquery.infinitescroll.min.js"></script> 二、html 1、创建一个容器 <div id="conversation">

  • Infinite Ajax Scroll jQuery插件应用介绍 Infinite Ajax Scroll是一个jQuery插件,可以将Wordpress分页导航变为类似瀑布流的样子(小问题:瀑布有什么特点呢?如果你知道答案,就明白我为什么说“类似瀑布流的样子了”),具有良好的用户体验,一个显著的问题是,这种ajax效果的SEO效果不好。 瀑布流 1.Infinite Ajax Scroll的相

  • 在我的博客中之前已经分别讲过masonry和infinitescroll插件,以及详尽的demo。这里讲的重点是二者的结合实现无限加载分页,话不多说,直接上代码。 $(function(){ var $container = $('#masonry'); $container.imagesLoaded( function(){

  • 1 // infinitescroll() is called on the element that surrounds 2 // the items you will be loading more of 3 $('#content').infinitescroll({ 4 5 navSelector : "div.navigation",

  • <script type="text/javascript"> $(document).ready(function (){               //别忘了加这句,除非你没学Jquery        $("#container").infinitescroll({              navSelector: "#navigation",     //页面分页元素--本页的导航,意

  • jQuery Masonry下载地址:[url=http://masonry.desandro.com/]http://masonry.desandro.com/[/url] [b]1、基本布局[/b] [img]http://dl.iteye.com/upload/attachment/0071/0776/bc200a5a-b862-3877-b2ce-e648ed8dfdbb.gif[/img

  • 对于wordpress实现点击加载更多的方法,目前网络上用的较多的方法采用一款WordPress插件Infinite Scroll来实现的,大江网络工作室也是采用这个方法进行了测试,发现用起来并不是想象的那样好,于是研究了一个纯代码实现的方法,下面分享给大家。  <?php         $item_per_page = 9;  //每页显示数   //默认是第一页     $page_numb

 相关资料
  • 问题内容: 我正在尝试用Coldfusion开发的网站上设置无限滚动,我是javascript和jquery的新手,所以我在解决所有这些问题时遇到了一些问题。为了使用无限滚动插件,我是否需要在网站上进行分页,或者有没有办法做到这一点? 问题答案: 为此,您不需要无限滚动插件。要检测滚动何时到达页面末尾,可以使用jQuery

  • 描述 (Description) 无限滚动允许您加载其他内容,并在页面接近底部时执行所需的操作。 以下HTML布局显示无限滚动 - <div class = "page"> <div class = "page-content infinite-scroll" data-distance = "100"> ... </div> </div> 上面的布局包含以下类 - pa

  • 本文向大家介绍jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果,包括了jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了jquery.kxbdmarquee.js无缝滚动的具体代码,供大家参考,具体内容如下 strep1.页面引入相关文件 step2.写html结构、css样式、js c

  • 本文向大家介绍JQuery插件Marquee.js实现无缝滚动效果,包括了JQuery插件Marquee.js实现无缝滚动效果的使用技巧和注意事项,需要的朋友参考一下 Marquee.js插件提供了许多属性选项,您可以配置定制外观和效果。 详细代码: 以上就是本文的全部内容,希望对大家学习jquery程序设计有所帮助。

  • 问题内容: 好的。 我可以从我的理解中得知某人正在滚动。因此,我试图找出有人停下来时该如何捕捉。从上面的示例中,您可以看到发生滚动时,我正在从一组元素中删除一个类。但是,我想在用户停止滚动时重新打开该类。 这样做的原因是,我打算在页面滚动时进行中转节目,以使页面具有我正在尝试的特殊效果。但是我尝试在滚动时删除的一个类与该效果冲突,因为它对某种性质是透明的。 问题答案: 更新资料 我写了一个扩展来增

  • jQuery Scroll Show 是一个用来滚动显示图片的 jQuery 插件。