DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> js判斷iframe內的網頁是否滾動到底部觸發事件
js判斷iframe內的網頁是否滾動到底部觸發事件
編輯:JavaScript綜合知識     

 這篇文章主要介紹了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>   
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved