Verifique si un iframe tiene barras de desplazamiento visibles?

Question

Me preguntaba si alguien sabe cómo comprobar para ver si el contenido de un iframe se está desbordando y las barras de desplazamiento están visibles?

Gracias

Answer 1

desea comprobar si el elemento de scrollHeight es mayor que el clientHeight, o si el elemento de scrollWidth es mayor que el clientWidth. Esto se puede hacer con esas propiedades directamente, o mediante el uso de métodos auxiliares proporcionados por 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

, en general, se debe comparar el delta del elemento scrollHeight/scrollWidth y offsetHeight/offsetWidth. si es positivo, entonces 'tenemos un ganador'. pero .. en la búsqueda de las barras de desplazamiento en un iframe, las cosas se ponen un poco de poco más complicado:

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

tuve que modificar el código para conseguir que funcione.

1) la IFRAME & contenidos están en la misma estructura del sitio web/carpeta

2) el procedimiento es instigado ajustando "sizewindow" TRUE

3) que fragmento se parte de un conjunto de funciones de temporizador en anout 0,5 segundos

4) ensayados en EI11, FF34 & 35, Chrome 31 & 40, & Opera 12,6

5) c activo oda tamaño de la ventana a poco más grande que el contenido,

ver 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);} 
} 
}