切图网在给cctv7农视网站做前端开发的时候，蓝狮注册登陆需要做一个效果就是页面加载到底部自动加载的效果，这个效果现在已经非常的常见，包括百度百家等很多社交网站都使用无限滚动的翻页技术来提高用户体验，当你页面滑到列表底部时候无需点击就自动加载更多的内容。
虽然最后采用的原生代码手写的，代码：
var stop=true;
$(window).scroll(function(){
totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
if($(document).height() <= totalheight){
if(stop==true){
stop=false;
$.post(“ajax.php”, {start:1, n:50},function(txt){
$(“#Loading”).before(txt);
stop=true;
},”text”);
}
}
}); Loading…
下面为你推荐 10 个能帮助你高效完成的 jQuery的无限滚动的插件：
- jQuery ScrollPagination
jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。
- jQuery Screw
Screw (scroll + view) 是一个 jQuery 插件当用户滚动页面的时候加载内容，是一个无限滚动翻页的插件。
- AutoBrowse jQuery Plugin
Autobrowse jQuery Plugin 插件在用户滚动页面的时候自动通过 Ajax 加载更多内容，蓝狮注册开户使用浏览器内置缓存。
- Scroll Extend Plugin
scrollExtend 插件用来在页面滚动到屏幕底部时自动加载内容并追加 DOM 元素到页面底部，该插件其最初目的是为了跟 WordPress 集成。
- Infinite Scroll
用了这个插件，用户访问你的网站就不用翻页啦!实际上它是预读了后续页的内容并将其直接添加到了当前页面。
- Load Content While Scrolling With jQuery
该插件可帮助非常快速的加载页面的更多内容
- Triggered Infinite Scroll
Triggered Infinite Scroll 是一个 Twitter 风格的自定义触发器，不过它不是自动的。
- Infinite Ajax Scroll, a jQuery Plugin
Infinite Ajax Scroll 可将你现有的网页变成支持无限滚动的页面，无需太麻烦就可搞定。
- Infinite Scrolling jQuery Plugin
InfiniScroll 原先是一个 jQuery 插件，用于博客的文章列表显示，不过现在已经不止这些了。
- Unlimited Scroll using the Twitter API
0 Comments