Cómo deshabilitar el desplazamiento del cuerpo del documento?

Question

Tengo un HTML que tiene mucho contenido y una barra de desplazamiento vertical aparece tan pronto como se carga el HTML. Ahora desde este HTML, se carga un IFRAME de pantalla completa. El problema es que cuando se carga el IFRAME, la barra de desplazamiento principal aún persiste, quiero desactivar la barra de desplazamiento cuando se carga el Iframe.

me trataron:

• document.body.scroll = "no", que no funcionó con FF y cromo.
• document.style.overflow = "hidden"; después de esto todavía podía desplazarme, y todo el iframe se desplazaría hacia arriba para revelar el HTML padre.

Mi requisito es que, cuando se carga el IFRAME, nunca deberíamos ser capaces de desplazar todo el IFRAME si el HTML padre tiene una barra de desplazamiento.

¿Alguna idea?

Answer 1

Si desea utilizar la barra de desplazamiento del marco flotante y no el uso de la matriz siguiente:

document.body.style.overflow = 'hidden'; 

Si desea utilizar la barra de desplazamiento de los padres y no del marco flotante entonces es necesario utilizar:

document.getElementById('your_iframes_id').scrolling = 'no'; 

o establezca el atributo scrolling="no" en la etiqueta de su iframe: <iframe src="some_url" scrolling="no">.

Answer 2

El siguiente JavaScript podría funcionar:

var page = $doc.getElementsByTagName('body')[0]; 

Para desactivar el desplazamiento Use:

page.classList.add('noscroll'); 

Para habilitar desfile Usar:

page.classList.remove('noscroll'); 

En el archivo CSS, añadir:

.noscroll { 
    position: fixed!important 
} 

Answer 3

Respuesta: document.body.scroll = 'no';

Answer 4

con CSS

body,html{ 
    overflow:hidden 
} 

Answer 5

agregar este css

body.disable-scroll { 
    overflow: hidden; 
} 

y cuándo desactivar ejecutar este código

$("body").addClass("disable-scroll"); 

y cuándo permitido ejecutar este código

$("body").removeClass("disable-scroll")