史上最简上拉加载更多demo(iscroll _v4.2.5)

所属分类:UI-滚动,加载

 15172  120  查看评论 (36)
史上最简上拉加载更多demo(iscroll _v4.2.5) ie兼容10

插件实例化:

var myscroll = new iScroll("wrapper");

html结构:

<div id="wrapper">
	<div class="scroller">
		<ul>
			<li>你就是一个天才</li>
			<li>你就是一个天才</li>
			<li>你就是一个天才</li>
			<li>你就是一个天才</li>
			<li>你就是一个天才</li>
		</ul>
		<div class="more">
			<i class="pull_icon">
			</i>
			<span>
				上拉加载...
			</span>
		</div>
	</div>
</div>
相关插件-滚动,加载

jquery检测滚动距离插件Scroll Detection

Scroll Detection用一种简单的方法来检测远程用户在你的网站上,在例子中用户在滚动页面到底部时显示下拉的导航条.
  滚动
 11519  47

jQuery元素滚动插件simplyScroll

simplyScroll这个jQuery插件能够让任意一组元素产生滚动动画效果,可以是自动、手动滚动,水平、垂直方向滚动。此外,它还可以接受动态图片输入通过Flickr供稿或一个本地JSON数据源。
  滚动
 16355  32

jQuery响应式全屏切换页面插件Ascensor.js

Ascensor.js响应式全屏切换页面插件网页特效,可点击上一页、下一页按钮整屏切换页面,也可点击导航索引按钮全屏切换页面。
  滚动
 7314  77

jquery无缝滚动

真正的无缝滚动
  滚动
 19742  143

讨论这个项目(36)回答他人问题或分享插件使用方法奖励jQ币

    Touch V 0
    2017/8/17 13:58:30

    移动端划不动怎么解决的,大神

    回复
    重 _ 0
    2017/8/16 14:47:36
    这个是上下滑动,有左右滑动的吗? 回复
    Cl2o1? 0
    2017/8/7 13:29:40
    能刷新 在手机上不能滚动? 必须要到这个区域外才能滚动下去, 请问有什么办法吗 回复
    呆萌的神经系统 0
    2017/8/2 22:39:30

    移动端不行么

    怎么解决

        老狼0
        2017/8/10 17:46:24

        这个就是在手机上使用的

    回复
    追逐北斗星 0
    2017/7/26 12:38:04

    为什么手机上划不动

    回复
    樊凯蹦 0
    2017/7/6 11:29:15

    兄弟,为什么在手机上滑不动啊   滑上去又掉下来了    请教如何解决?

        期待你给我的精彩0
        2017/7/11 15:59:11
        同样的问题你解决了吗
        期待你给我的精彩0
        2017/7/11 16:28:25
        要改源码库里面的onBeforeScrollStart();
        呆萌的神经系统0
        2017/8/2 22:40:46

        怎么改?能不能详细点 大兄弟

    回复
    nickey 0
    2017/5/18 10:41:26

    请问下json里面原来是这样的"<li>一只将死之猿!</li>",我在li标签里加任何标签,页面就报error,加载不出来,这是为什么呢?

    回复
    笑往 0
    2017/5/3 10:39:51

    为什么用不了呢?是对布局有要求么

    回复
    樊凯蹦 0
    2017/4/19 15:40:46

    用for循环加了限制,但为什么是无限循环?

        张松0
        2017/6/28 19:29:11

        页遇到了同样的问题

    回复
    时间都去哪了 0
    2017/4/11 16:38:10
    能做成上拉加载商品详情吗 回复
取消回复