萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> js判斷iframe內的網頁是否滾動到底部觸發事件

js判斷iframe內的網頁是否滾動到底部觸發事件

 這篇文章主要介紹了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>   
copyright © 萬盛學電腦網 all rights reserved