Javascript 到达容器底部时的Ajax加载问题

我正在建立一个图像库（无限卷轴），当我到达容器底部时，我试图“加载更多内容”。（不是页面底部）

我的问题是： 我加载页面，一切正常。我到达了容器的底部，AJAX加载了更多的数据。这里一切都很好。。。但是我的容器应该有更多的“高度”，因为它有新的数据

但是如果我在那之后滚动一点（没有到达容器新高度的底部），它会立即再次加载AJAX。。。并且它保持加载，就好像它采用了原始容器的高度一样（没有新数据）

我需要它在AJAX到达容器底部后重新加载它（每次都包括新加载的数据）

我的JS代码：

<script type="text/javascript">

var pageNumber = <? echo $page; ?>;
var perPage = <? echo $perpage; ?>;

var processing = 0;

$(window).scroll(function() {
    if ($(window).scrollTop() + $(window).innerHeight() >=  $('#postswrapper').offset().top + $('#postswrapper').height() ) {

        if (processing == 1)
        return false;

        $('div#loadmoreajaxloader').show();

        processing = 1;
        pageNumber++;   

        $.ajax
        ({
            url: "loadmore.php",
            method: "get",
            data: { page: pageNumber, perpage: perPage, search: "<?=$search?>", blogtag: "<?=$blogtag?>"},
            success: function(html)
                    {
                        if(html)
                        {
                            $("#postswrapper").append(html);
                            $('div#loadmoreajaxloader').hide();
                        }
                        else
                        { $('div#loadmoreajaxloader').html('<center>No more posts to show.</center>');  }
                    }
        }); // close AJAX

        processing = 0; 

    }  // close if($(window).scrollTop())
}); // close $(window).scroll

</script>

var pageNumber=；
每页var=；
var处理=0；
$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）++$（窗口）.innerHeight（）>=$（'postswrapper'）.offset（）.top++$（'postswrapper'）.height（））{
如果（处理==1）
返回false；
$（'div#loadmoreajaxloader'）.show（）；
处理=1；
页码++；
$.ajax
({
url:“loadmore.php”，
方法：“获取”，
数据：{page:pageNumber，perpage:perpage，搜索：，blogtag:}，
成功：函数（html）
{
如果（html）
{
$（“#postswraper”）.append（html）；
$（'div#loadmoreajaxloader'）.hide（）；
}
其他的
{$（'div#loadmoreajaxloader'）.html（'不再显示帖子'）；}
}
})；//关闭AJAX
处理=0；
}//关闭if（$（窗口）.scrollTop（））
}); // 关闭$（窗口）。滚动

我的容器的HTML：

<div style="display:flex; 
        flex-wrap: wrap; 
        justify-content: center; 
        align-content:  space-between;  
        background-color: #ffffff;
        width: 97%; " id="postswrapper">       </div>

您是否调试了它并检查了

$（“#postswraper”）.height（）

？这是您的问题还是否？@A.Wolff如果我添加以下内容：

alert（$（'postswraper'）.height（））在if
（$（窗口）.scrollTop（）+。
之后。它不断以越来越大的高度尺寸提醒我，但每次我触摸滚动条时它也会提醒我。因此，不，问题不在于包装高度，而在于包装高度trigger@A.Wolff似乎“>=”符号总是“>=”，因此每次我触摸滚动条时都会执行代码