如何仅在用户向下滚动到该区域时加载ajax

// 监听滚动事件
window.addEventListener('scroll', function() {
  // 获取当前滚动位置和页面高度
  var scrollPosition = window.scrollY;
  var pageHeight = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight);

  // 获取目标区域的位置
  var targetElement = document.getElementById('target');
  var targetPosition = targetElement.offsetTop;

  // 判断是否加载 AJAX
  if (scrollPosition + window.innerHeight >= targetPosition) {
    // 发送 AJAX 请求
    fetch('ajax-url')
      .then(function(response) {
        // 处理 AJAX 响应
        return response.json();
      })
      .then(function(data) {
        // 处理服务器返回的数据
        console.log(data);
      })
      .catch(function(error) {
        // 处理错误
        console.error(error);
      });
  }
});