JS menentukan apakah halaman web di iframe menggulir ke bawah memicu acara tersebut

Ada persyaratan sebelum itu untuk menentukan apakah halaman web di iframe yang digulirkan ke bawah untuk memicu acara tersebut. solusi.

ClientHeight: Ketinggian elemen ini, ketinggian yang menempati seluruh ruang

OffsetHeight: mengacu pada ketinggian konten elemen

Scrolltop: dapat dipahami sebagai panjang bilah gulir yang dapat digulir

Berikut ini adalah kode sumber

Salinan kode adalah sebagai berikut:

<iframe src = "~/file/3.html" id = "iframepage" onload = "func ()"> </iframe>

<type skrip = "Teks/JavaScript">

fungsi func () {

var ifm = document.getElementById ("iframepage");

ifm.height = window.document.body.clientHeight - 100;

}

<!-Ada masalah kompatibilitas di Chrome, dan tidak ada masalah dengan FF dan IE10.

window.document.getElementById ("iframepage"). contentWindow.onscroll = function aaa () {

var ifm = document.getElementById ("iframepage"). contentWindow.document.documentElement;

if (ifm.scrolltop == ifm.scrollHeight - ifm.clientHeight) {

peringatan ("The End");

}

}

</script>