向下滚动时无限滚动不起作用

Question

我有一个代码无限滚动，但是我有一个问题。 为什么我的代码在向上滚动而不在向下滚动时起作用？

this

在https://tabungamal.id/berita/infinite上观看实时演示

Answer 1

您可以更改来源。

<script type="text/javascript">
$(document).ready(function(){
    $(window).scroll(function(){
        var lastID = $('.load-more').attr('lastID');
//Try modifying here
        if(((window.innerHeight + window.scrollY) >= document.body.offsetHeight) && (lastID != 0)){

            $.ajax({
                type:'POST',
                url:'<?php echo base_url('berita/load_more'); ?>',
                data:'id='+lastID,
                beforeSend:function(){
                    $('.load-more').show();
                },
                success:function(html){
                    $('.load-more').remove();
                    $('#postList').append(html);
                }
            });
        }
    });
});
</script>

Answer 2

使用此代码重试

function scrollEvt(){
    var lastID = $('.load-more').attr('lastID');
    if(((window.innerHeight + window.scrollY) >= document.body.offsetHeight) && (lastID != 0)){
        $(window).off('scroll');
        $.ajax({
            type:'POST',
            url:'https://tabungamal.id/berita/load_more',
            data:'id='+lastID,
            beforeSend:function(){
                $('.load-more').show();
            },
            success:function(html){
                $('.load-more').remove();
                $('#postList').append(html);
                $(window).scroll(scrollEvt);
            }
        });
    }


}

$(document).ready(function(){

    $(window).scroll(scrollEvt);

});