사용자가 해당 영역으로 스크롤 할 때만 아약스를로드하는 방법

Question

우리는 "댓글"영역을 가진 웹 사이트를 가지고 있습니다. 사용자가 실제로 댓글을 내려 놓은 다음 댓글과 관련된 아약스를로드하기 시작합니다. 코멘트 영역.

많은 사용자가 거기에 도달하지 않으며 아약스를로드하지 않으려 고합니다.

는 기본적으로 우리는 다음과 같이 코멘트를로드 :라는 영역 내

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

:

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

는 우리가 무엇을 추가해야 사용자가 바닥에 닿을 때 그것은 단지 부하를 시작하도록 페이지의 1/4 하단에 있습니까? 이벤트 if(window.pageYOffset>x)에

Answer 1

광맥 픽셀

Answer 2

당신은 appear plugin을 확인 할 수 있습니다 귀하의 값으로 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 
    } 
});