这几天一直在鼓捣手机端的模板文件,在无限下拉加载更多那里卡了整整一天。各种度娘,最后找到个”jquery-ias.min.js”插件,试了试真能用。到了晚上用手机测试的时候发现了严重bug——命令只运行一次,但是切出浏览器重新点进浏览器又能运行一次,我估计是手机浏览器第二次的时候达不到这个插件要求的条件所以失效了。
又是各种找资料,最后自己还是自己写了,效果直接看本站就好,文章底部下载源码。
js源码中我只放了个免刷新加载,无限加载其实就是免刷新加载的扩展版而已,大家可以自行尝试。ps:通过一个变量给无限加载上锁,否则会一次加载很多重复的。通过监视滚动条是否到底部来进行调用加载,手机端获取到的$(document).height()值要减上百,不然会出现只运行一次的情况。