2009-09-23 12 views
3

정적 결과 높이가 overflow: auto;<div> 요소에 검색 결과 목록이 있습니다. 사용자가 검색 결과가 포함 된 요소의 맨 아래로 스크롤 할 때 검색 결과의 첫 번째 x 개 (예 : 20 개) 만로드하고 다른 x 개의 결과를로드하고 싶습니다.요소로 내용로드 뷰로 스크롤

아무에게도 어떻게 설명 할 수 있습니까? 몇 가지 예제를 찾았지만, 모두는 <div>이 아닌 전체 문서의 스크롤 값을 사용합니다. 중요한 경우 jQuery를 사용하고 있습니다.

답변

4

나에게 소리 비교하면 끝 근처에있을 때 스크롤 막대 위치를 감지하는 것과 같습니다. Found this jquery 그룹에서 인터넷 검색을 할 때. 필요한 경우 설명서가 추가 된 제안 된 솔루션 :

$.fn.isNearTheEnd = function() { 
    // remember inside of $.fn.whatever = function() {} 
    // this is the jQuery object the function is called on. 
    // this[0] is DOMElement 
    return this[0].scrollTop + this.height() >= this[0].scrollHeight; 
}; 

// an example. 
$("#content").bind("scroll", function() { 
    if ($(this).isNearTheEnd()) // load some content 
}); 
+0

감사합니다. 정확히 내가 찾고있는 것이 었습니다. – Aistina

0

당신은 당신이 좋겠 사업부의 .top() + .height() 윈도우의 .scrollTop + .height에 해당 사업부의 하단에있을 때 당신이 말할 수있는,하고 다음 내용로드를 트리거 ...

관련 문제