javascript - 如何在内容有限的情况下进行懒惰下载

Question

在这件事上我需要帮助。现在我正在研究延迟加载。无休止的滚动竟然完成了。一般来说，代码有效，内容给出。但我不知道如何重做它，以便它放弃 10 个元素，例如，正在通往 URL 的 div 元素，如果它们在那里结束，那么它将停止沉浸这些 div 的内容。它似乎很重要，但我不明白如何处理它。也许有一个类似的话题，但我没有找到任何东西。

function loadPageAjax(getSectionNumbers) {
  $.ajax({
    url: "lazy-page.html",
    type: "GET",
    data: { getSectionNumbers: getSectionNumbers },
    onSubmit: function ajaxViewsLoader() {
      $(".loading-icon").fadeIn();
    },
    success: function ajaxViewsSection(data) {
      $(".loading-icon").fadeOut();
      // Здесь мы получаем данные, отправленные сервером и выводим
      $(".load-wrapp").append(data);
      sectionNumber++;
      console.log(getSectionNumbers);
    }
  });
  getHeightContent = $(".load-wrapp").outerHeight();
}

$(window).scroll(function () {
  if ($(this).scrollTop() >= getHeightContent - 5) {
    loadPageAjax(sectionNumber);
  }
});  

标签： javascripthtmljquery