H5页面上拉加载更多,下拉加载最新数据,及Chrome测试

下拉加载最新数据:使用pulltorefreshjs插件,具体用法参考:pulltorefreshjs - npm

底部上拉加载更多:

文档的高度 - 被卷走的高度 - 可视区域的高度 < 某个值(自己设置)

文档的高度:document.body.scrollHeight

被卷走的高度:document.body.scrollTop

可视区域的高度:document.body.clientHeight

Chrome如何测试下拉:打开F12,点击第二个手机的图标,中间选一个手机端的尺寸,然后在中间用鼠标往下拉就好了,如果你用了pulltorefreshjs插件的话,会有下拉效果。pulltorefreshjs - npm

你可能感兴趣的:(前端问题总结与探讨,chrome,前端,javascript)