10个滚动到底部自动加载插件

boyanx3个月前技术教程16

很多社交网站都使用无限滚动的翻页技术来提高用户体验,当你页面滑到列表底部时候无需点击就自动加载更多的内容。这个实现并不复杂,通过简单几句jquery代码就可以写出一个滚动到底部加载的雏形,当然,要体验好一点,还有很多细节要特别处理的,下面为你推荐 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

-----------------------

切图工作室始于2007年,2014年成立公司(qietu.com),是国内最早的前端开发服务公司,提供高品质网页切图、psd转html5、移动webapp切图,响应式web布局,edm邮件模板制作、hybridapp切图,微网站、微场景html制作等前端技术领域开发外包服务。

标签: jquery插件库

相关文章

推荐三款正则可视化工具「JS篇」

作者:代码先森转发链接:https://mp.weixin.qq.com/s/rw29yKBwti5sIsx2GKG9pw前言最近老王对可视化非常着迷。例如,算法可视化、正则可视化、Vue 数据劫持可...

10款web设计特效插件

1.jQuery百叶窗效果焦点图 多种百叶窗动画方式对于百叶窗动画效果,我们介绍的不是很多,目前就介绍过一款[color=rgb(68, 68, 68) !important]CSS3百叶窗图片切换。...

我的前端架构养成记之整洁的工作流

【编者按】本文作者Matt Carella为我们讲解了如何构建一个良好的架构。除了选择正确的工具以外,在组织工作流中遵循清晰整洁的原则对于我们来说是非常重要的。或许有的人会觉得文中所说的是在DOS时代...

18个功能强大的HTML5 和JavaScript游戏引擎库 (下)

GameQuery是一个针对 jQuery的 javascript游戏引擎,它可以通过提高jQuery插件的易用性来加速javascript游戏开发。MelonJs是一个可加速2D游戏开发的新型轻量级...

10款超实用JavaScript音频库

HTML5提供了一种新的音频标签实现和规范用一个简单的HTML对象而无需音频插件来控制音频。这只是一个简单的整合这些新的HTML5音频特征及使用JavaScript来创建各种播放控制。下面将介绍10款...

支持动态Web开发的9个有用&免费工具

Web开发的过程已经逐渐转变为开放的源代码并拥有免费的插件。现在对于开发人员来说,动态网站的开发不是一件困难的事情,因为他们不必从头进行开发。当然,这也要感谢那些使Web开发变得更加容易地资源和工具了...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。