javascript - 滚动事件在移动设备上不起作用

Question

Setch.me在桌面上正常加载，但不会在移动设备上触发，除非我点击摄影师/化妆师，我在此处搜索解决方案后添加了 height=device-height 但不起作用。

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() >= $(document).height()) { 
        track_page++; 
        load_contents(track_page); 
    }

Answer 1

试试这个:

$(document.body).on('touchmove', onScroll); // for mobile
$(window).on('scroll', onScroll); 

// callback
function onScroll(){ 
    if( $(window).scrollTop() + window.innerHeight >= document.body.scrollHeight ) { 
        track_page++; 
        load_contents(track_page); 
    }
}