僅當用戶向下滾動到該區域時如何加載ajax

Question

我們有一個帶有“評論”區域的網站，我們正在尋找一種僅在用戶實際向下滾動到評論區域時才開始加載與評論相關的Ajax的方法。

許多用戶甚至都沒有到達那里，我們也不想一無所獲地加載ajax。

基本上，我們正在加載這樣的評論：

$('#commentload').load(<?php echo "'" . base_url() . "ajax/comments'"; ?>);

在稱為：

<div id="commentload"></div>

我們應該添加哪些內容，以便僅在用戶到達頁面底部1/4的底部時才開始加載？

Answer 1

if(window.pageYOffset>x)將x設置為像素值

Answer 2

您可能想簽出出現插件 。

本質上-

$("#commentload").on('appear', function(event, $element) {
    // ajax call
}

Answer 3

請嘗試以下操作：

var pos = $("#commentload").offset().top;
$( window).scroll(function() {
    var scroll = $(window).scrollTop();
   if(scroll >= pos)
   {
     //Your code
   }
});