现在,最热门的网站分页趋势之一是jQuery的无限滚动(也即瀑布流)。如果你碰巧观察Pinterest的网站,如Facebook,Twitter和deviantART的,你会发现无限滚动的动作,当旧的内容自动加载,当你到达页面底部的。这将鼓励访客的网站停留更长的时间,并进一步阅读的网站提供更多相关的内容,无需用户任何操作自动。

从设计和可用性的角度来看,无限滚动导航容易的,因为内容的加载方式,无需额外的页面加载和没有任何积极的行动,需要从访问者。有了这样的技术,无限滚动的网站有更多的机会获得比传统的分页的网站,其内容暴露。这也往往使他们看起来很现代,互动性和趣味性。

在这篇文章中,我们与你分享了一个jQuery的滚动插件集合,在您的网站,可以帮助您实现无限滚动系统。这些无限滚动的脚本是免费的,但我还添加了优质的产品。如果你有无限滚动的jQuery插件,我们可以添加,请在评论中给我们一个链接。我们也很乐意听听你的意见对这篇文章和一般的无限滚动。享受!

原文地址:http://www.goodfav.com/15-awesome-jquery-infinite-scrolling-plugin-showcase-1279.html

DIY jquery 无限滚动 – MORE INFO

A jQuery plugin that provides a basic mechanism for triggering more results to be loaded when the bottom of the page is reached.

Infinite Pages – MORE INFO / DEMO (Premium)

Infinite Pages was designed for displaying large pieces of HTML data in more manageable chunks. When the reader reaches the end of the page, the script loads more content. It implements an ‘infinite scroll’ mechanism to load data, so the reader doesn’t have to load enourmous amounts of text / images onto the page all at once. This ensures a more comfortable reading experience for the user. Infinite Pages works by ‘paginating’ your data, and then feeding that data to the user ‘on demand’. This technique is known as ‘lazy loading’, and is becoming more and more common on the internet. An example of infinite scrolling is Google Images, where content is loaded as requested by the user.

Create Infinite Scroll Effect Using jQuery – MORE INFO

This tutorial will teach you how to code an infinite scrolling effect on your website using JavaScript.

infini_scroll – MORE INFO

“infiniScroll” was written as a jQuery plugin. It works for blog posts but will work for anything where you scroll to get more data. Just like Twitter.com, Facebook status messages, etc. Instead of paginating items, the plugin allows you to keep on scrolling. Such system works on posts and tweets but they can also be applied on leaderboards, portfolio items, anything where you want to load subsequent elements.

jquery-esn-autobrowse – MORE INFO

This plugin adds automatic ajax loading of page content when the user scrolls the page, with built-in browser cache.

Infinite Ajax Scroll, a jQuery plugin – MORE INFO

Infinite Ajax Scroll is an open-source jQuery plugin that turns your existing pagination into an infinite scrolling one, with ease.

jQuery ScrollPagination – MORE INFO

jQuery ScrollPagination plugin has been developed by Anderson Ferminiano for studying purposes. You can however, use it in any way you want on your projects for free, as long as you maintain the credits.

Twitter-style triggered infinite scroll – MORE INFO

This plugin aims to progressively enhance your page. Your navigation/pagination elements should be present in the HTML for non-js users, but the plugin will utilize those links to build out a more rich browsing experience.

Load Content While Scrolling With jQuery – MORE INFO

This Ajax auto content loading can very be handy in almost every project. It loads the extra content once you reach the bottom of the page.

Screw – A jQuery Plugin – MORE INFO

Screw, from scroll + view, is a jQuery plugin which loads HTML as a user scrolls the webpage. Screw will help you save bandwidth by only loading content as it is scrolled into view. Screw can also be used to create continuously scrolling, bottomless pages where content is appended to the bottom as the user scrolls.

Endless Scroll – MORE INFO

Endless Scroll not only helps you build highly customizable infinite scrolling effects, it also offers features not commonly seen. Such features include: The ability to up-scroll and prepend content to the beginning of the page; The ability to limit the number of available ‘pages’, i.e. data truncation; and and there are more exciting features in the works, including SEO-friendly URLs!

jScroll – MORE INFO

jScroll is a jQuery plugin for infinite scrolling, written by Philip Klauzinski. Infinite scrolling; also known as lazy loading, endless scrolling, autopager, endless pages, etc. is the ability to load content via AJAX within the current page or content area as you scroll down. The new content can be loaded automatically each time you scroll to the end of the existing content, or it can be triggered to load by clicking a navigation link at the end of the existing content.

Infinite scroll – MORE INFO

This plugin aims to progressively enhance your page. Your navigation/pagination elements should be present in the HTML for non-js users, but the plugin will utilize those links to build out a more rich browsing experience.

jQuery onScrollBeyond and scrollExtend plugins – MORE INFO

The scrollExtend plugin is designed to automatically load new content at the bottom of the screen (by appending to a DOM element) when the user scrolls beyond the element, much like Facebook does with their status updates. The existing infinite scroll plugin was primarily designed to integrate with WordPress, which didn’t really suit my purposes.

Unlimited Scroll using the Twitter API – MORE INFO

这个的资源实际上就是一个附有可下载源码的教程,教你如果使用jQuery创建无限滚动效果,就像你在Twitter中看到的那样。

转载于:https://www.cnblogs.com/java20130725/p/3215851.html

15个非常棒的jQuery无限滚动插件【瀑布流效果】相关推荐

  1. jQuery实现响应式瀑布流效果(jQuery+flex)

            瀑布流原理:是一种常见的网页布局方式,它的特点是将内容以多列的形式呈现,每一列的内容高度不固定,根据内容的大小自适应调整,从而形成了像瀑布一样的流动效果. 瀑布流的实现原理涉及到数据加 ...

  2. Infinite Scroll - jQuery WP 无限滚动插件

    无限滚动(Infinite Scroll)也称为自动分页.滚动分页和无限分页.常用在图片.文章或其它列表形式的网页中,用来在滚动网页的时候自动加载下一页的内容.Infinite Scroll  这款  ...

  3. 【精心挑选】推荐几款非常棒的 jQuery 全景图片展示插件

    之前的文章向大家分享了实现网站功能的各种插件,今天这篇文章向大家推荐7款精心挑选的 jQuery 全景图片展示插件,同时还有非常详细的制作教程可以参考.全景图片展示是一种非常有趣的技术,通过把多张图片 ...

  4. [置顶]       Web开发百宝箱——提升网站档次的时尚 jQuery 图片滚动插件

    这篇文章向大家推荐8款时尚的 jQuery 图片滚动插件.jQuery 是最流行和使用最广泛的 JavaScript 框架,它可以让帮助你在你的项目中加入一些很炫的图片滚动效果.希望这些插件对你有所帮 ...

  5. 基于jquery的锚点滚动插件(百度百科效果) anchorScroll.js

    1.插进使用场景 请打开https://baike.baidu.com/item/日本动画#hotspotmining,查看百度百科页面效果. 2.插件源代码(更新 2017-08-28): jQue ...

  6. Flexslider - 响应式的 jQuery 内容滚动插件

    FlexSlider 是一款轻量的响应式 jQuery 内容滚动插件,能够帮助你在项目轻松的创建漂亮的内容滚动效果.这款插件曾经连续多年入选 WDL 的年度最佳 jQuery 插件,值得大家在网站开发 ...

  7. 30个创意出色的非常实用的jquery框架插件-(视觉大背景,瀑布流效果)

    jQuery是在网页设计师和开发者最近的热门话题之一.人们使用它的广泛范围从个人博客到企业网站,目前流行的视觉大背景滚动效果,瀑布流图片阴影效果,图片缩放,动态标签复制,html5音频播放,视频播放等 ...

  8. 在 JQuery Mobile 中实现瀑布流图库布局

    先来看在Windows系统的1080P显示器中显示的效果: 这个整合方式几乎没有现存的实例,是自己总结出来的方法,在此记录下来. 首先访问Masonry官网下载masonry.pkgd.min.js: ...

  9. 瀑布流效果Demo总结(5)之基于jquery+blocksit.min.js的实现

    1.综述 最近研究了时下流行的瀑布流展示效果. 当前共计尝试的方法及其优缺点如下: (1)基于JQuery框架及blocksit.min.js实现的瀑布流不连续,每列中多多少少都会有一些位置出现空白. ...

最新文章

  1. phpstrom配置svn/git提交
  2. 手把手教你玩转网络编程模型之完成例程(Completion Routine)
  3. 图像还可以这样玩!如何用OpenCV处理图像?
  4. C#的float、double与decimal
  5. macOS下查看Java/JDK的安装目录_查看Java/JDK的版本信息_配置环境变量JAVA_HOME
  6. mysql全表重命名备份_MySQL数据库重命名的快速且安全方法(3种)
  7. Disallowed Key Characters(转)
  8. 如何让网页中文本框的内容只能读不能写
  9. VisualSVN-Server 安装以及使用教程
  10. 修改注册表让PPC手机更加省电方法
  11. linux蓝牙遥控,蓝牙遥控器连接流程分析
  12. 电影资源 BT PT下载的电影命名 规则 资源 详解
  13. PS1545L-ASEMI低压降肖特基二极管PS1545L
  14. 876. 链表的中间结点【我亦无他唯手熟尔】
  15. 微信小程序---验证码倒计时
  16. 【Android】你可能还不知道的elevation、以及Z值等
  17. OpenAirInterface OAI 学生讨论QQ群
  18. GAP软件的使用(20150514、20151002、20151004、20151012)
  19. 计划行为理论和技术接受模型整合模型图形_音乐与语言加工的二元模型(dual modal)...
  20. 历史的变迁:北京新旧地铁站对比

热门文章

  1. inotify-tools使用方法介绍
  2. WCF的CommunicationObjectFaultedException异常问题
  3. ASP.NET杂谈-一切都从web.config说起(2)(ConfigSections详解-中)
  4. python学习笔记(四)-数据类型
  5. 学习SpringMVC——说说视图解析器
  6. WPF/Silverlight Layout 系统概述——Measure(转)
  7. QL Server 中四种匹配符的含义
  8. 第十一周编程总结--助教
  9. SpringCloud eureka服务状态监听
  10. 使用cpanel后台的“时钟守护作业”功能完成空间的定时全备份