Pregunta sobre PopBox For Elementor de Wordpress:

La barra de desplazamiento principal desaparece cuando se arrastra el contenido modular, el contenido de la p谩gina se traduce correctamente

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

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada.