如何找到iframe内容滚动高度和滚动宽度?

时间:2013-01-23 06:38:47

标签: javascript jquery

我是这个Jquery的新手,当iframe托管外部网页时,我很难找到iframe scrollheight和scrollwidth。 我尝试了下面的代码,但它不起作用,我搜索了很多。

$.fn.hasVerticalScrollbar = function () {
    // This will return true, when the div has vertical scrollbar
    return $frame[0].document.documentElement.offsetHeight() > this.height();
  }
  $.fn.hasHorizontalScrollbar = function () {
    // This will return true, when the div has horizontal scrollbar
    return $frame[0].document.documentElement.offsetWidth() > this.width();
}
请帮忙。

1 个答案:

答案 0 :(得分:0)

尝试以下代码......它会对你有所帮助....它对我来说非常有用......

<!DOCTYPE html>
<html>

<script>
function Sam()
{
var iFrameID = document.getElementById('idIframe');
var hasHorizontalScroll= iFrameID.contentWindow.document.body.scrollWidth>iFrameID.contentWindow.document.body.clientWidth;
var hasVerticalScroll= iFrameID.contentWindow.document.body.scrollHeight>iFrameID.contentWindow.document.body.clientHeight;

alert(" Horiz : " + hasHorizontalScroll);
alert(" Verti : " + hasVerticalScroll);
}
</script>
<body>

<iframe src="http://www.w3schools.com" id="idIframe">
  <p>Your browser does not support iframes.</p>
</iframe>

<input type="button" value="find" onclick="Sam();">

</body>
</html>