如果 DOM 包含高度变化的 div，则在滚动时加载更多数据答案

【问题标题】：Load more data on scroll if DOM contains height-changing divs如果 DOM 包含高度变化的 div，则在滚动时加载更多数据
【发布时间】：2020-12-18 03:30:36
【问题描述】：

我有这段 AJAX 代码

        $(window).on('scroll', function(e) { 
          if ($(window).scrollTop() >= $(document).height() - $(window).height()) {
            $.ajax({
              type:'GET',
              url:'includes/fetch_home_posts_2.php',
              data:{ 'offset':flag, 'limit':5},
              success:function(data){
                $('#fetched_home_posts').append(data);
                flag += 5;
              }
            });
          }
        });

当用户加载页面时，他会看到前 5 个帖子。这些帖子看起来像这样： screenshot of a post

然后由于这个 AJAX 代码，他在滚动上加载了更多帖子（工作正常）。

问题是，当用户点击“评论”按钮时，div 会展开，改变它的高度，当用户点击页面底部时，不再加载帖子（即使还有更多帖子要加载）。

screenshot of expanded post

如何解决这种情况？

【问题讨论】：

标签： javascript php jquery ajax

【解决方案1】：

所以我的错误。我在不同的<script></script> 标签中有几个"flag" vars。我刚刚将它们重命名为"post_flag"、"comment_flag" 等，现在可以正常使用了。

【讨论】：