使用jquery在滚动的容器中加载更多帖子

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<div id="scrollContainer" style="height: 400px; overflow-y: scroll;">
  <!-- 这里是帖子内容 -->
</div>

var postCount = 10; // 初始加载的帖子数量

function loadPosts() {
  // 使用Ajax请求获取更多帖子内容
  $.ajax({
    url: 'loadmore.php',
    method: 'GET',
    data: { count: postCount },
    success: function(response) {
      // 将返回的帖子内容添加到滚动容器中
      $('#scrollContainer').append(response);
      postCount += 10; // 更新帖子数量
    }
  });
}

// 初始加载帖子
loadPosts();

$('#scrollContainer').scroll(function() {
  var container = $(this);
  var scrollHeight = container.prop('scrollHeight');
  var scrollTop = container.scrollTop();
  var containerHeight = container.height();

  // 判断是否滚动到底部
  if (scrollTop + containerHeight >= scrollHeight) {
    loadPosts(); // 加载更多帖子
  }
});