javascript - 无限滚动实现不适用于移动浏览器

Question

我正在尝试实现无限滚动。完整代码

jQuery(document).ready(function($) {
    $(window).scroll(function() {
        var that = $('#loadMore');
        var page = $('#loadMore').data('page');
        var newPage = page + 1;
        var ajaxurl = $('#loadMore').data('url');
      
        if ($(window).scrollTop() + $(window).height() == $(document).height()) {
          
            $.ajax({
                url: ajaxurl,
                type: 'post',
                data: {
                    page: page,
                    action: 'ajax_script_load_more'
                },
                error: function(response) {
                    console.log(response);
                },
                success: function(response) {
                    //check
                    if (response == 0) {
                        //check
                        if ($("#no-more").length == 0) {
                            $('#ajax-content').append('<div id="no-more" class="text-center"><h3>You reached the end of the line!</h3><p>No more posts to load.</p></div>');
                        }
                        $('#loadMore').hide();
                    } else {
                        $('#loadMore').data('page', newPage);
                        $('#ajax-content').append(response);
                    }
                }
            });
        }
    });
});

这在我的计算机上运行良好，但不适用于移动设备（Android/iOS）上的任何浏览器。

任何帮助，将不胜感激！

标签： javascriptmobilejquery-mobileinfinite-scrollmobile-website