素材8网-专注前端素材！
来源：https://www.sucai8.cn/36709.html

鼠标滚动加载更多兼容手机简约小巧

  • 1720
  • 0
  • 0


通过滚动条实现局部加载，可以极大的减缓页面的负荷
  1. funScrol('', '', '', function() {
  2.     var s = 0,
  3.         b = 10;
  4.     for (var i = 0; i < b; i++) {
  5.         $('#more').before(' <div class="box-list">第<i>0</i>条信息</div>');
  6.     }
  7.     var l = $('.box-list i');
  8.     for (var i = 0; i < l.length; i++) {
  9.         s++;
  10.         $(l[i]).text(s);
  11.     }
  12.     offNo = true;
  13. })
复制代码

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

1.引用函数funScrol（1，2，3，4）

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

注：不需要在进行判断，alert（）可以换成你们的弹框，json数据格式要保持统一，方便你我他。有问题欢迎留言，谢谢~！
相关素材
鼠标滚动加载更多兼容手机简约小巧
  • Royal 刚刚下载了一个素材
  • qqUnknownFAu 刚刚下载了一个素材
  • qq就这样吧lCR 刚刚下载了一个素材
  • qqRongHWX 刚刚下载了一个素材
  • 淘鸿实业 刚刚下载了一个素材
  • qq饭桶g1K 刚刚下载了一个素材
  • 小鸡墩墩 刚刚下载了一个素材
  • 天王盖地虎 刚刚下载了一个素材
  • qq123iIe 刚刚下载了一个素材
  • qqCxKA3 刚刚下载了一个素材
  • 恰逢花开 刚刚下载了一个素材
  • qqQqdkE 刚刚下载了一个素材
  • qq海风kNR 刚刚下载了一个素材
  • qq玖玖fJ2 刚刚下载了一个素材
  • 丶yoyo 刚刚下载了一个素材
分享者：
分享者头像
小编
热门素材推荐
HTML素材网，HTML5模板，网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2026  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题