之前有個需求是要判斷iframe內的網頁是否滾動到底部觸發事件, 網上找了許多資料都是說在當前頁面下的, 索性就自己研究了一下, 找到了解決方法.
clientHeight:這個元素的高度,佔用整個空間的高度
offsetHeight:是指元素內容的高度
scrollTop:可以理解為滾動條可以滾動的長度
以下是源代碼
複製代碼代碼如下:
<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) {
alert("到底了");
}
}
</script>