$(window).scroll(function () {
var clientWidth = document.documentElement.clientWidth;
var clientHeight = document.documentElement.clientHeight;
var font;
if (!clientWidth) return;
if (clientWidth >= 750) {
font = 100;
} else {
font = 100 * (clientWidth / 750);
}
// var loadMoreHeight =
//document.getElementsByClassName('loadMore')[0].offsetHeight;
var ulHeight = document.getElementById('vm').offsetHeight;
var headerHiddenHeight = document.getElementsByClassName('header-hidden')[0].offsetHeight;
var mainHeight = document.getElementsByClassName('bg-body')[0].offsetHeight;
var scrollY = ulHeight + headerHiddenHeight + mainHeight - clientHeight;
//理论极限高度 -clientHeight高度
var scroH = $(this).scrollTop();//实际高度;
if (scroH >= scrollY-1) {
//匹配华为手机不能滑动到最底部的问题。
//滑到底部;
vm.loadMore(); //触发定义的上拉加载更多事件();
}
})
}
华为手机上拉加载更多
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 使用MJRefresh的时候,当首页的数据不能填满整个屏幕的时候让底部不显示“点击或上拉加载更多”,仅仅在上拉加载...
- 题记 因为最近被SVPullToRefresh的简洁所吸引,所以开始用了。关于SVPullToRefresh的原理...
- 在项目中如果遇到返回的数据只有一条数据,但是界面依然显示MJ的“点击或上拉加载更多”,那这个就很尴尬了。比如这样 ...