Question

我正在进行无限滚动（在具有大量细分的div上）无限滚动适用于桌面设备，但不适用于移动设备我检查了window.scroll函数没有被移动设备触发我检查了一些其他事件，如OnTouchStart等..但没有一个工作

这是无限滚动项目代码示例

infinitescroll: function() {

    var $doc=$(document);
    var $win=$(window);
    var itemsPerScroll=5;

    // hide everything that is out of bound
    $('.scroll').filter(function(index){
        return (($(this).offset().top) > $win.height());
    }).hide();

    $(window).scroll(function(event){
        #event.preventDefault();
        alert("here");

        if ($doc.height()-$win.height()-$(this).scrollTop() == 0) {      
            $('.scroll:hidden:lt('+itemsPerScroll+')').show();
        }

    });
},

Answer 1

更改此代码，它应该修复-

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|Windows 
Phone/i.test(navigator.userAgent) == false) {
$(document).height() - window.visualViewport.height;
$('.article').filter(function(index){
return (($(this).offset().top) > $win.height());
}).hide();

$(window).scroll(function(){ 
if ($doc.height()-$win.height()-$(this).scrollTop() == 0) {
$('.article:hidden:lt('+itemstoshow+')').show();
        }
})};

jQuery window.scroll（）不适用于移动设备

1 个答案: