iframeにスクロールバーが表示されているかどうかを確認しますか？

Question

iframeのコンテンツがオーバーフローしていて、スクロールバーが表示されているかどうかを確認する方法を知っている人はいませんか？

おかげ

Answer 1

あなたは、要素のscrollHeightがclientHeightよりも大きい場合、または要素のscrollWidthがclientWidth以上であるかどうかを確認したいです。これは、これらのプロパティを直接使用するか、jQueryによって提供されるヘルパーメソッドを使用して行うことができます。一般的には

MDN: element.scrollHeight

If the element's content generated a vertical scrollbar, the scrollHeight value is equal to the minimum clientHeight the element would require in order to fit all the content in the viewpoint without using a vertical scrollbar. When an element's content does not generate a vertical scrollbar, then its scrollHeight property is equal to its clientHeight property. This can mean either the content is too short to require a scrollbar or that the the element has CSS style overflow value of visible (non-scrollable).

Answer 2

あなたは、要素のscrollHeight/scrollWidthとoffsetHeight/offsetWidthのデルタを比較する必要があります。 肯定的なら '勝者を得ました'。 しかし.. iframe内にスクロールバーを探している、物事は少しトリッキー取得：

var frm=document.getElementById("frm"); 
var iIsVrScrollBar = frm.contentWindow.document.documentElement.scrollHeight>frm.contentWindow.document.documentElement.offsetHeight ? 1 : 0; 
var iIsHrScrollBar = frm.contentWindow.document.documentElement.scrollWidth>frm.contentWindow.document.documentElement.offsetWidth ? 1 : 0; 

Answer 3

私はそれを動作させるためにコードを変更する必要がありました。

1）&内容は手順がTRUE

3に「sizewindow」を設定することによって扇動されているのと同じウェブサイト/フォルダ構造

2）上にあるIFRAME）それはスニペットは、タイマー機能セットの一部でありますIE11で試験anout 0.5秒

4）、FF34 & 35、40クロム31 &、&オペラ12.6

5）アクティブ℃でODEは

はhttp://www.users.waitrose.com/~cresby/map2.htm

if (sizewindow){ 
    if(iIsVrScrollBar==1) { 
    frm.style.height = (frm.contentWindow.document.body.offsetHeight+20); 
    iIsVrScrollBar = (frm.scrollWidth!=frm.contentWindow.document.documentElement.scrollWidth) ? 1 : 0; 
    if(iIsVrScrollBar==0) sizewindow=false; 
}else{ 
    frm.style.height = (frm.contentWindow.document.body.offsetHeight-10); 
    iIsVrScrollBar = (frm.scrollWidth!=frm.contentWindow.document.documentElement.scrollWidth) ? 1 : 0; 
    if(iIsVrScrollBar==1) {frm.style.height = (frm.contentWindow.document.body.offsetHeight+10);} 
} 
}