滚动无限加载示例 代码如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>无限翻页效果</title> <script src="load/jquery-2.1.0.min.js"></script> <script src="load/jquery.infinitescroll.js"></script> <script> $(document).ready(function (){ $("#container").infinitescroll({ navSelector: "#navigation", //页面分页元素--成功后自动隐藏 nextSelector: "#navigation a", itemSelector: ".scroll " , animate: true, maxPage: 5, //加载次数 }); }); </script> </head> <body> <div id="container"> <!-- 容器 --> <div class="scroll"> <!-- 每次要加载数据的数据块--> 第一页内容第一页内容<br> 第一页内容<br>第一页内容<br>第一页内容<br> 第一页内容<br>第一页内容<br>第一页内容<br> 第一页内容<br>第一页内容<br>第一页内容 </div> </div> <div id="navigation" align="center"> <!-- 页面导航--> <!-- 此处可以是url,可以是action,要注意不是每种html都可以加, 是跟当前网页有相同布局的才可以。 另外一个重要的地方是page参数,这个一定要加在这里,它的作用是指出当前页面页码, 每加载一次数据,page自动+1,我们可以从服务器用request拿到他然后进行后面的分页处理。--> <!-- loadnext.html中的数据和本页scroll的div区域的布局一致 --> <a href="loadnext.html?page=1"></a> </div> </body> </html>
loadnext.html:
<div class="scroll"> <!-- 每次要加载数据的数据块--> 第二页内容第二页内容<br> 第二页内容<br>第二页内容<br>第二页内容<br> 第二页内容<br>第二页内容<br>第二页内容<br> 第二页内容<br>第二页内容<br>第二页内容 </div>
相关推荐
jquery.infinitescroll滑动加载更多的demo小案例。。。。
infinitescroll,滑动加载更多,压缩包内容为插件演示示例、常用参数介绍和使用注释
jquery.infinitescroll中文配置API及示例.rar
jQuery的无限滚动 jQuery 的基本无限滚动模式。 入门 用法 基本 $(window).infinitescroll({url: [removed].href}); 多一点个性 $(window).infinitescroll({ url: [removed].href, triggerAt: 150, page: 4,...
jQuery懒加载插件页面滚动加载数据代码 jQuery懒加载插件页面滚动加载数据代码
前端项目-jquery-infinitescroll,无限滚动是一个javascript插件,它可以自动添加下一个页面,从而将用户从整页加载中保存下来。
#jquery-infinitescroll 它是什么? 如果您在下拉列表或页面内容中到达列表的末尾,此插件将在您继续滚动时自动获取越来越多的内容。 我如何使用它? 前往获取文档和示例。 版权和许可 版权所有 (c) 2014 Philip ...
jQuery table scroll表格插件内容部分加滚动条
插件描述:jQuery无限滚动瀑布流式显示.
scroll2Top 是个简单的自定义 jQuery 插件,用来滚动回到顶部。在线演示 标签:scroll2Top
jQuery masonry与infinitescroll两款瀑布流插件制作的最流行的瀑布流布局演示效果,可以无限浏览图片或内容无限加载的瀑布流效果。
jquery-infinite-pages, 用于jQuery的简单无限滚动页面,gemified用于 Rails jQuery无限页面 light 插件,用于添加无限滚动到带有 Rails 和 Kaminari的页面。这个项目最初是为 Rails 设计的,但是核心插件足够灵活,...
jquery-endless-scroll-master插件,用于实现网页的滚动加载效果。
infinitescroll的下拉刷新的例子, 本人也是初学,请大家多多指教
简单易用的图片文字滚动插件--jQuery Scrollbox.rar简单易用的图片文字滚动插件--jQuery Scrollbox.rar简单易用的图片文字滚动插件--jQuery Scrollbox.rar简单易用的图片文字滚动插件--jQuery Scrollbox.rar简单易用...
8款Jquery+html5实现无限加载瀑布流特效源码,亲测可用,拿来即用。
jQuery无限加载瀑布流插件masonry是一款基于masonry插件实现的jQuery无限加载瀑布流代码。
jquery alert 提示框、动态加载提示框、jquery插件支持鼠标滚动定位以及浏览器放大缩小居中的问题。
jquery 滚动加载,最简单最实用的滚动加载