如何检测我的文档已到达移动设备的页面底部?
我有这个代码在桌面设备上完美运行,但在移动设备上却没有,例如Android手机,
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
alert("bottom!");
}
});
知道我还应该在代码中包含哪些内容才能使其在移动设备上运行?
答案 0 :(得分:0)
我用它来进行无限滚动。我有一个"加载更多"链接在页面底部。
jQuery( window ).scroll( function() {
var loadMoreLink = 'a.infinite-link';
var actualLink = jQuery( loadMoreLink );
if ( actualLink.length ) {
var currentPosition = jQuery( loadMoreLink ).offset();
var pixelsVisible = window.innerHeight - currentPosition.top + jQuery( window ).scrollTop();
if ( pixelsVisible > 100 ) {
// time to do some ajax call.
}
}
});