그 전에는 iframe의 웹 페이지가 바닥에 스크롤하여 이벤트를 트리거하는지 여부를 확인해야합니다. 해결책.
ClientHeight :이 요소의 높이, 전체 공간을 차지하는 높이
Offestheight : 요소 내용의 높이를 나타냅니다
스크롤 탑 : 스크롤 할 수있는 스크롤 막대의 길이로 이해할 수 있습니다.
다음은 소스 코드입니다
코드 사본은 다음과 같습니다.
<iframe src = "~/files/3.html"id = "iframepage"onload = "func ()"> </iframe>
<script type = "text/javaScript">
function func () {
var ifm = document.getElementById ( "iframepage");
ifm.height = window.document.body.clientHeight -100;
}
<!-Chrome에는 호환성 문제가 있으며 FF 및 IE10에는 문제가 없습니다. Chrome은 서버 환경에서 IFRAME에 액세스 할 수 있으며 상황이 무엇인지 모르겠습니다.
window.document.getElementById ( "iframepage"). contentWindow.onscroll = function aaa () {
var ifm = document.getElementById ( "iframepage"). contentwindow.document.documentElement;
if (ifm.scrolltop == ifm.scrollheight -ifm.clientHeight) {
경고 ( "끝");
}
}
</스크립트>