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
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