公众账号

微信公众号二维码 微信扫描关注
来源:http://www.htmlsucai.com/thread-36709-1-1.html

[DIV/CSS] 鼠标滚动加载更多兼容手机简约小巧

653 [禁止匿名转载 禁止商业使用]

论坛元老

爱吃肉的小编

Rank: 8Rank: 8

发表于 2017-6-14 13:20:12 | 显示全部楼层 |阅读模式
 不支持迅雷下载 重复下载不扣金币
鼠标滚动加载更多兼容手机简约极小.jpg

通过滚动条实现局部加载,可以极大的减缓页面的负荷
  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数据格式要保持统一,方便你我他。有问题欢迎留言,谢谢~!



您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

最新素材
HTML素材网,HTML5模板,网页特效
Copyright©2017  HTML素材网  Powered by 智伙伴科技
  ( 鲁ICP备14029286号-3 )
返回顶部返回顶部
发布主题