如果 DOM 包含可改變高度的 div，則在滾動上加載更多數據

Question

我有這段 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 個帖子。 帖子看起來像這樣：帖子的屏幕截圖

然后感謝這個 AJAX 代碼，他在滾動上加載了更多帖子（工作正常）。

問題是，當用戶單擊“評論”按鈕時，div 展開，更改其高度，當用戶點擊頁面底部時，不再加載更多帖子（即使有更多要加載）。

擴展帖子的屏幕截圖

如何解決這種情況？

Answer 1

所以我的錯誤。 我在不同的<script></script>標簽中有幾個"flag" vars 。 我剛剛將它們重命名為"post_flag" 、 "comment_flag"等，現在可以使用了。