Un usuario pregunt贸 馃憞
驴Hay alguna forma de evitar que la barra de desplazamiento principal salga despu茅s del modo de disparo? El sujeto cambia correctamente y mira hacia otro lado.
(@monta帽asmoke)
Hace 2 a帽os, 1 mes
Algunas personas se preguntan sobre esto, incluido yo mismo. Eres la publicaci贸n m谩s reciente, as铆 que te responder茅 aqu铆 =). Pas茅 el d铆a aprendiendo sobre esto, es realmente una pregunta al respecto en el desarrollo web, y espec铆ficamente en Bootstrap (usado para proporcionar el modo). El autor del plugin menciona planes para incluir esto en el plugin, pero ha pasado un tiempo y a煤n no parece estar en el plugin (no lo veo en el c贸digo).
Para detener la redirecci贸n de p谩gina cuando aparece el m贸dulo:
Agregue esto a style.css para el tema:
html.modal-open {
/* All of this stops the page from scrolling in the background, especially important on mobile devices. */
-ms-overflow-style: scrollbar;
overflow: hidden;
height: 100%;
}
body.modal-open {
/* This is the crucial rule to get rid of the page shift when opening a modal */
overflow: auto !important;
/* You may want to explore toggling this, depending on your circumstances (page length and/or presence of page scroll bars) */
height: 100%;
}
Agregue esto a los scripts de su tema:
jQuery(document).ready(function($) {
/* The following adds/removes classes to <html> accordingly */
$('#mypopup').on('show.bs.modal', function (e) {
$('html').addClass('modal-open');
})
$('#mypopup').on('hide.bs.modal', function (e) {
$('html').removeClass('modal-open');
})
});
Esta respuesta fue modificada hace 2 a帽os, hace un mes por.
(@omalleyjacqui)
Hace 1 a帽o, 10 meses
Tambi茅n tuve esta pregunta, as铆 que gracias por la excelente soluci贸n @mountainsmoke !!
驴Solucion贸 tu problema??
0 / 0