ユーザーがその領域にスクロールしたときにのみAjaxを読み込む方法

Question

ユーザーが実際にスクロールしてコメントに関連するajaxの読み込みを開始する方法を探しているWebサイトがあるコメントエリア。

多くのユーザーはそこに到達していないため、何のためにもajaxをロードしたくありません。

は基本的に、私たちはこのようなコメントをロードしていますと呼ばれる領域の内側

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

：

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

は、我々はそれに何を追加する必要があり、ユーザが底に達したときに、それが唯一の負荷を開始するようにページの1/4番目の下部の？イベントif(window.pageYOffset>x)上

Answer 1

鉱脈は、あなたがappear pluginをチェックアウトする場合がありますピクセル

Answer 2

に自分の価値観にXを設定します。基本的に

-

$("#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 
    } 
});