Infinite scroll 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Infinite scroll 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
Infinite scroll 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
Infinite scroll 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
Infinite scroll 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 BSD
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开源组织
地区 不详
投 递 者 红薯
适用人群 未知
收录时间 2010-12-02

软件简介

Haralan Dobrev 开发的 Infinite scroll 是一款帮助用户快速,双向的不断进行分页的 jQuery 插件。

Features

  • Progressive enhancement -应用于现有的 pagination anchors。
  • Bi-directional -用户可以将其用于向上和向下滚动。
  • Fast scrolling -不监听scroll事件,因此使用 hardware scrolling。
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2013/10/25 09:31

infinite-scroll学习(一)

(function (window, $, undefined) { })(window, jQuery); 针对上面这条语句,个人理解如下:这是一个js函数的调用。 首先,它定义了一个function,这个function有三个形参,分别是window,$,undefined。此function在执行的时候使用的入参是第二行的window和jQuery。在方法中使用"$."的时候,其实可以理解成是"jQuery."; 其次,方法中可以不传window,程序在执行的时候会从全局变量中去找,但是这样会耗费比较多的时间。所以...

0
0
发表了博客
2013/10/25 13:56

infinite-scroll学习(三)

$.infinitescroll = function infscr(options, callback, element) { this.element = $(element); // Flag the object in the event of a failed creation if (!this._create(options, callback)) { this.failed = true; } }; 上面这段代码先从下面这部分开始分析 function infscr(options, callback, element) { this.element = $(element); // Flag the object in the event of ...

0
2
发表了博客
2013/10/25 09:52

infinite-scroll学习(二)

"use strict"; 这个标识是“严格模式”。顾名思义,这种模式让代码编写就没有那么随意了。例如在没有使用“var x;”之前,"x=10;"这样的语句就是不合法的,会被检查出来。从网上搜集到的资料进行汇总,使用这种模式大约有以下几个好处: 1)减少奇怪的代码,增加代码的可读性,使其适合工业化生产; 2)为js演进做好铺垫; 3)加快编译器的效率。

0
0
发表了博客
2015/04/18 16:30

ionic <ion-infinite-scroll> 和 <ion-refresh>

滚动刷新 : ion-infinite-scroll 使用ion-infinite-scroll指令可以为滚动容器(ion-scroll或ion-content)增加 滚动刷新功能: <ion-infinite-scroll on-infinite="">...</ion-infinite-scroll> ion-infinite-scroll指令有如下属性: on-infinite - 必须。当滚动到底部时执行此表达式 distance - 可选。距底部距离百分比。当距离底部超过此数值时,执行on-infinite。默认为1% icon - 可选。载入时显示的图标。默认是ion-load-d。...

0
1
发表了博客
2016/12/13 19:01

ion-infinite-scroll loadMore触发多次

解决方法 ``` distance="1%"> ```

0
0
发表了博客
2019/05/31 12:00

Mint UI 的 Infinite scroll 一直触发 loadMore

项目中有用到 Infinite scroll 无限滚动组件 发现一个神奇的问题, loadMore 一直无限触发,黑人问号 ??? 几经百度,谷歌,终于解决l, 此文仅做记录 话不多说,直接看问题 官方地址:http://mint-ui.github.io/#!/zh-cn import import { InfiniteScroll } from 'mint-ui'; Vue.use(InfiniteScroll); HTML: <ul v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" infinite-scroll-distance=...

0
0
发表了博客
2018/01/26 21:20

【Vue.js】加载更多—vue-infinite-scroll

引言 今天用到了一个加载更多的插件,用起来很方便,插件的名字叫做vue-infinite-scroll 我们可以去npmjs.com官网看一下这个vue-infinite-scroll的用法,官网上面写的已经很简单易懂的了。 安装 npm install vue-infinite-scroll --save 引入 官网介绍了三种引入该插件的方式,分别是Common js方式(require("XXXX")) 、 ES6语法方式(import xxx from xxx)、 还有直接<script src="../node_modules/vue-infinite-scroll/vue-in...

0
0
发表了博客
2018/06/07 14:11

【无限滚动加载数据】—infinite-scroll插件的使用

<div class="htmledit_views"> <p>网上对于infinite-scroll插件使用的例子不多。但由于它的出现,鼓吹了瀑布流形式的页面展示方式,所以不得不了解了解这种新的分页方式。</p> <p><a href="http://www.infinite-scroll.com/" target="_blank">官网</a>上有对infinite-scroll的详细描述,但一般人即使看未必看得懂,看得懂未必就调试成功。所以借今晚有点时间,把跑通的例子供大家借鉴。</p> <h2><a name="t0"></a>一.无限滚动概...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2013/09/09 18:40

JSP图片瀑布流,有谁用过infinitescroll插件,求指教

dataType: 'json',//可以是json template: function(data) { //data表示服务端返回的json格式数据,这里需要把data转换成瀑布流块的html格式,然后返回给回到函数 return html; }, 请问,如果dataType指定为json时,servlet怎么把从数据库中读取的数据传递为template:function(data){};

10
0
发表了问答
2013/01/23 20:56

jquery.infinitescroll数据有重复

$page = $this->input->get('page')?$this->input->get('page'):'1'; $pagesize = $this->input->post('pagesize')?$this->input->post('pagesize'):'4'; $data['page_url'] = "/aaaa/bbb?page=$page"; $maxpage = max(1,intval($page)); $data['xxxl'] = $this->xxxmodel->xxx(($maxpage - 1) * 2,$pagesize); 我在页面一载入的时候 取四条数据 0,4 然后滚动条下拉无限加载 请求的链接是这样的:http://localhost/aaaa/bbb?page...

3
0
发表了问答
2012/02/22 16:49

jquery infinite-scroll 怎么用? 官方没有demo啊.

下载回来压缩包里有php文件. 我也不懂php... 请教各位高人在哪里能找到infinite-scroll demo? http://www.oschina.net/p/infinite-scroll 谢谢...

3
1
发表了问答
2012/07/14 09:06

Infinite Scroll的使用问题

@ksljdkljkl 你好,看到你回复的问题是动态请求的问题,想跟你请教下问题是否解决,我遇到的问题是:Infinite Scroll的使用问题,我加载一个html的静态页面已经成功,我想调用后台动态页面,以struts2的连接方式即xxx.do方式,但是他无法识别那个a标签了,a标签没有被隐藏,请问这个插件是否支持动态调用?比较急,非常感谢! 另外官网上没有说明文档,网站就是个demo,是不是我没有发现呢?请指教!...

2
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
0 评论
51 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部