背景 上星期公司要求做一个回收书籍的h5给安卓用,里面有一个功能是回收记录列表。设计师那边出的稿子是没有要求分页或者是上拉刷新的,但是众所周知,列表页数据很多的情况下,h5加载是很慢的。所以我一开始是想用分页来着,后来想想,谁特么移动端还给分页的,PC做多了,人都做傻了。于是乎就去网上找找插件咯 ...
解释一下这个加载的原理,首先第一个红色箭头是回调成功后获取的数据,默认是回调第一页的数据 让后端给接口的时候要分页 ,然后把第一页的数据放到data.recordList里面。重点在第二个箭头,我利用的是当屏幕高度 网页被卷去的高 gt 网页正文全文高的时候,再次调用getList ,就如第一个箭头所见,第一次调用getList的时候page ,成功回调后page ,所以当我第二次调用的时候就是 ...
2019-07-19 17:08 0 1288 推荐指数:
背景 上星期公司要求做一个回收书籍的h5给安卓用,里面有一个功能是回收记录列表。设计师那边出的稿子是没有要求分页或者是上拉刷新的,但是众所周知,列表页数据很多的情况下,h5加载是很慢的。所以我一开始是想用分页来着,后来想想,谁特么移动端还给分页的,PC做多了,人都做傻了。于是乎就去网上找找插件咯 ...
在最新的H5开发项目中,需要开发上拉加载更多的功能,如何实现上拉加载更多,网上有很多插件可以实现,如:mescroll、mui、isScroll等等,最初我也是选择了使用插件,但在使用过程中发现了如果开发页面不是全局下拉刷新时,在IOS、Android上会出现卡顿及无法拉动的情况,因此感觉 ...
http://www.mescroll.com/api.html#options 这里有几个重要的设置 1、down 下不启用下拉刷新是因为再手机端有默认的下拉刷新,会冲突,待解决 2、up 中的 auto 是第一次自动加载; page是设置分页的size,一般num不在这里设置 ...
前言 在我之前的项目中,页面总是干巴巴的,用户的体验不是特别完美,我也是一直觉得把设计师给到的psd做出来就好,很少考虑用户的感受。我喜欢看不同的App,操作每个步骤,观赏每个能和我互动的交互设计效 ...
首先定义获取页面当前的滚动高度方法: 其次对当前页面的滚动高度进行计算: 定义滚动加载的方法: 数据请求的方法定义: 在生命周期里调用滚动监听并对滚动监听进行解绑: 写在最后不要忘记在data里面定义 允许触底条件 ...
HTML 中 JS 中 CSS 中 ...
以前实现移动端的滑动加载更多实现的方法是当滚动条快到页面底部时就自动加载更多的数据,在这方面很多人都用的是"西门的后花园"写的一个叫dropload的插件,这个插件用起来也很好,很感谢西门的后花园作者。我以前在项目中用的也是这个插件,后来我老大说能不能做成那种向上拖动才会加载更多的效果,不要这种 ...
。 3、上拉加载更多请求后台时就相当于分页请求数据,这时候需要在ajax请求时发送p ...