Pregunta sobre Boxzilla de Wordpress:

evitar que el cuerpo principal se desplace hacia arriba

Un usuario preguntó 👇

¿Se puede evitar que el cuerpo principal se desplace cuando se abre una ventana emergente?

Lo probé de muchas maneras … CSS o java – cualquier posibilidad: /

¡Gracias por la ayuda!

(@pherchristoph)

Hace 2 años, 10 meses

No soy bueno escribiendo scripts, así que pensé que esto debería funcionar cuando se coloca en una caja … pero no

<< Boxzilla.on ('box.show', function (box) {$ ('body'). CSS ('overflow', 'hidden');});

(@lapzor)

Hace 2 años, 10 meses

¿Dónde probaste este código? ¿Puedes compartir un enlace?

Tal vez debería ser jQuery(‘body’).css(‘overflow’, ‘hidden’);

Espero que ayude. ¡Si tiene alguna pregunta, haganoslo saber!

(@pherchristoph)

Hace 2 años, 10 meses

Página de prueba

La página aún no está lista … pero esta es la versión de prueba. Acabo de escribir la secuencia de comandos en los cuadros de Boxzilla que se muestran si usa el botón de menú «Enlaces».

Todavía se está desplazando. Probaste este código dentro de Box, dentro página y dentro del script boxzilla principal …

probó safari y firefox.

¡Gracias por la ayuda hasta ahora!

Esta respuesta fue modificada hace 2 años, 10 meses por.

(@pherchristoph)

Hace 2 años, 10 meses

De acuerdo, tengo la primera parte:

<script>
Boxzilla.on('box.show', function(box) {
var element = document.getElementById("body");
element.classList.add("modal-open");
});
</script>

pero si lo hago:

<script>
Boxzilla.on('box.show', function(box) {
var element = document.getElementById("body");
element.classList.add("modal-open");
});
Boxzilla.on('box.dismiss', function(box) {
var element = document.getElementById("body");
element.classList.remove("modal-open");
});
</script>

No quitar la clase…

(@pherchristoph)

Hace 2 años, 10 meses

No sé por qué … simplemente descarte primero, ¡se ejecuta!

Si alguien quiere usar esto, debe proporcionar la identificación -etiqueta.

en mi ejemplo:
<body id="body">

en CSS:

.modal-open {
    overflow: hidden !important;
    z-index: 1 !important;
}

Coloque este script en cualquier caja, ¡funcionará para todas sus cajas!

<script>
Boxzilla.on('box.dismiss', function(box) {
var element = document.getElementById("body");
element.classList.remove("modal-open");
});
Boxzilla.on('box.show', function(box) {
var element = document.getElementById("body");
element.classList.add("modal-open");
});
</script>

Esta respuesta fue modificada hace 2 años, 10 meses por.

(@lapzor)

Hace 2 años, 10 meses

¡Me alegra saber que pudiste resolverlo!

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada.