這篇文章主要介紹了js判斷iframe內的網頁是否滾動到底部觸發事件,需要的朋友可以參考下
之前有個需求是要判斷iframe內的網頁是否滾動到底部觸發事件, 網上找了許多資料都是說在當前頁面下的, 索性就自己研究了一下, 找到了解決方法. clientHeight:這個元素的高度,占用整個空間的高度 offsetHeight:是指元素內容的高度 scrollTop:可以理解為滾動條可以滾動的長度 以下是源代碼 代碼如下: <iframe src="~/Files/3.html" id="iframepage" width="825" 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) { alert("到底了"); } } </script>