jquery 页面滚动到底部自动加载插件集合


Posted in Javascript onJanuary 31, 2014

很多社交网站都使用无限滚动的翻页技术来提高用户体验,当你页面滑到列表底部时候无需点击就自动加载更多的内容。下面为你推荐 10 个 jQuery 的无限滚动的插件:

1. jQuery ScrollPagination

jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。

2. jQuery Screw

Screw (scroll + view) 是一个 jQuery 插件当用户滚动页面的时候加载内容,是一个无限滚动翻页的插件。

3. AutoBrowse jQuery Plugin

Autobrowse jQuery Plugin 插件在用户滚动页面的时候自动通过 Ajax 加载更多内容,使用浏览器内置缓存。

4. Scroll Extend Plugin

scrollExtend 插件用来在页面滚动到屏幕底部时自动加载内容并追加 DOM 元素到页面底部,该插件其最初目的是为了跟 WordPress 集成。

5. Infinite Scroll

用了这个插件,用户访问你的网站就不用翻页啦!实际上它是预读了后续页的内容并将其直接添加到了当前页面。

6. Load Content While Scrolling With jQuery

该插件可帮助非常快速的加载页面的更多内容

7. Triggered Infinite Scroll

Triggered Infinite Scroll 是一个 Twitter 风格的自定义触发器,不过它不是自动的。

8. Infinite Ajax Scroll, a jQuery Plugin

Infinite Ajax Scroll 可将你现有的网页变成支持无限滚动的页面,无需太麻烦就可搞定。

9. Infinite Scrolling jQuery Plugin

InfiniScroll 原先是一个 jQuery 插件,用于博客的文章列表显示,不过现在已经不止这些了。

10. Unlimited Scroll using the Twitter API
Javascript 相关文章推荐
jQuery 使用手册(四)
Sep 23 Javascript
ext jquery 简单比较
Apr 07 Javascript
jQuery实现的类flash菜单效果代码
May 17 Javascript
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
Aug 09 Javascript
js对象的复制继承实例
Jan 10 Javascript
基于javascript实现右下角浮动广告效果
Jan 08 Javascript
jQuery处理XML文件的几种方法
Jun 14 Javascript
Bootstrap轮播插件使用代码
Oct 11 Javascript
vue-router实现webApp切换页面动画效果代码
May 25 Javascript
认识jQuery的Promise的具体使用方法
Oct 10 jQuery
vue中进行微博分享的实例讲解
Oct 14 Javascript
Vue+element-ui添加自定义右键菜单的方法示例
Dec 08 Vue.js
基于JQuery实现滚动到页面底端时自动加载更多信息
Jan 31 #Javascript
让input框实现类似百度的搜索提示(基于jquery事件监听)
Jan 31 #Javascript
js实现俄罗斯方块小游戏分享
Jan 31 #Javascript
获取select元素被选中的文本内容的js代码
Jan 29 #Javascript
使用POST方式弹出窗口的两种方法示例介绍
Jan 29 #Javascript
qq悬浮代码(兼容各个浏览器)
Jan 29 #Javascript
js输出阴历、阳历、年份、月份、周示例代码
Jan 29 #Javascript
You might like
深入php数据采集的详解
2013/06/02 PHP
zend framework文件上传功能实例代码
2013/12/25 PHP
THINKPHP内容分页代码分享
2015/01/14 PHP
用php守护另一个php进程的例子
2015/02/13 PHP
Nginx服务器上安装并配置PHPMyAdmin的教程
2015/08/18 PHP
php文件上传的两种实现方法
2016/04/04 PHP
PHP从数组中删除元素的四种方法实例
2017/05/12 PHP
PHP利用Mysql锁解决高并发的方法
2018/09/04 PHP
解javascript 混淆加密收藏
2009/01/16 Javascript
jQuery温习篇 强大的JQuery选择器
2010/04/24 Javascript
深入理解JavaScript编程中的同步与异步机制
2015/06/24 Javascript
AngularJS中使用three.js的实例详解
2017/07/21 Javascript
vue 权限认证token的实现方法
2018/07/17 Javascript
详解Vue 动态组件与全局事件绑定总结
2018/11/11 Javascript
PHP读取远程txt文档到数组并实现遍历
2020/08/25 Javascript
vue组件添加事件@click.native操作
2020/10/30 Javascript
Python编程pygame模块实现移动的小车示例代码
2018/01/03 Python
python3 selenium 切换窗口的几种方法小结
2018/05/21 Python
使用Python实现正态分布、正态分布采样
2019/11/20 Python
Pytorch实现的手写数字mnist识别功能完整示例
2019/12/13 Python
基于Python计算圆周率pi代码实例
2020/03/25 Python
html5读取本地文件示例代码
2014/04/22 HTML / CSS
海信商城:海信电视、科龙空调、容声冰箱官方专卖
2017/02/07 全球购物
欧洲品牌瓷器餐具网上商店:Porzellantreff.de
2018/04/04 全球购物
动物学专业毕业生求职信
2013/10/11 职场文书
师范学院毕业生求职信范文
2013/12/26 职场文书
竞聘书格式及范文
2014/03/31 职场文书
交通运输局四风问题对照检查材料思想汇报
2014/10/09 职场文书
九寨沟导游词
2015/02/02 职场文书
世界水日宣传活动总结
2015/02/09 职场文书
奖励申请报告范文
2015/05/15 职场文书
排球赛新闻稿
2015/07/17 职场文书
职场领导同事生日简短祝福语
2019/08/06 职场文书
Nginx使用X-Accel-Redirect实现静态文件下载的统计、鉴权、防盗链、限速等
2021/04/04 Servers
Python数据可视化之用Matplotlib绘制常用图形
2021/06/03 Python
JavaScript设计模式之原型模式详情
2022/06/21 Javascript