简易滚动加载(超轻量)

所属分类:UI-滚动

 32530  327  查看评论 (7)
分享到微信朋友圈
X
简易滚动加载(超轻量) ie兼容10
funScrol('', '', '', function() {
    var s = 0,
        b = 10;
    for (var i = 0; i < b; i++) {
        $('#more').before(' <div class="box-list">第<i>0</i>条信息</div>');
    }
    var l = $('.box-list i');
    for (var i = 0; i < l.length; i++) {
        s++;
        $(l[i]).text(s);
    }
    offNo = true;
})

文中这里只是简单做个的效果,使用方式很简单,具体步骤只需要2步

1.引用函数funScrol(1,2,3,4)

2.在最后一个参数方法里,实现你要写的代码

注:不需要在进行判断,alert()可以换成你们的弹框,json数据格式要保持统一,方便你我他。有问题欢迎留言,谢谢~!

相关插件-滚动

向下滚动加载动画特效插件AOS

向下滚动网页加载动画特效插件AOS
  滚动
 36254  432

jQuery滚动堆叠插件jquery.stacked-strips.js

为您的一页滚动网站和单页应用程序创建堆叠滚动效果。当您向下滚动网页时,插件可以逐个滚动固定的页面部分。
  滚动
 27103  328

jQuery美化滚动条插件mCustomScrollbar

mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件,它可以让你灵活的通过 CSS 定义网页的滚动条,并且垂直和水平两个方向的滚动条都可以定义
  滚动
 32563  335

jQuery全屏滚动插件,带箭头点击

一款功能齐全的全屏滚动插件,符合绝大部分开发人员的需求,没有滚动循环,无需做过多更改就能满足您的要求。
  滚动
 17881  214

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    上帝眷顾的倒霉蛋 0
    2022/8/19 14:54:43
    你的例子最终也没进方法里来 回复
    赖给箜 0
    2018/8/29 18:27:01
    下载下来解压不了 说什么数据格式损坏 回复
    九年 0
    2017/9/6 16:22:33

    如果我想在一个div里实现这个效果该怎么改?

        九年0
        2017/9/7 9:29:03

        之前傻逼了。。。。

    回复
    Mr.CAIYIJUN?? 0
    2017/6/14 10:20:11

    多谢分享。我看解释才能看得懂哈哈哈

    回复
    秦时明月? 0
    2017/6/14 9:35:14

    不错,注释写的很详细

    虽然没什么技术含量

        lxhtml0
        2017/6/14 10:24:07

        嘎嘎~~

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复