iframe 내부의 jQuery 스크롤 이벤트

Question

나는 이미이 문제를 다루는 많은 게시물이 있다는 것을 알아 챘다. 그러나 나는 그 (것)들에서 유용한 아무것도 얻을 수 없다.

iframe이 포함 된 html 페이지가 있습니다. 이 iframe에는 내가 만든 HTML 페이지가 포함되어 있습니다. 실제로는 페이지의 모든 내용이 포함되어 있습니다. 사용자가 페이지 하단 (예 : iframe의 맨 아래)으로 스크롤 할 때를 감지하고 싶습니다. 그래서 다음을 시도해 보겠습니다.

$(document).ready(function() { 
    $(window).scroll(function() { 
     //... 
    }); 
}); 

iframe 내부. 그러나 이벤트가 발생하지 않은 것처럼 페이지를 스크롤 할 때 어떤 결과도 나오지 않습니다. 많은 것들을 읽었지만 모든 것이 어떻게 작동 하는지를 이해하지 못했습니다 (예 : 문서가 iframe의 컨테이너 또는 iframe 자체를 나타냄).

누군가 jquery로 iframe을 처리하는 방법을 설명 할 수 있습니까? 이 경우 iframe 내부에서만 작동 할 수 있습니다 (이는 놀라운 것임).

도움을 주실 수있는 분들께 감사드립니다!

Answer 1

iframe에 이벤트 처리기를 연결하거나 iframe 내부에로드 된 페이지에서 아래 스크립트를 실행해야합니다.

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() == $(document).height()) { 
     alert("Reached bottom!"); 
    } 
});