Pregunta sobre Simple Lightbox de Wordpress:

Desactivar el desplazamiento cuando aparece un cuadro de luz

Un usuario preguntó 👇

Hola,

¿Se puede desactivar el desplazamiento sin una secuencia de comandos adicional?

Intenté aplicar esta solución pero no me funciona

https://forum.webflow.com/t/how-to-prevent-body-from-scrolling-when-modal-window-open/29959/12

Lo que quiero lograr es mantener la pantalla estable (desbordamiento: oculta;) mientras se muestra una imagen.

Gracias de antemano por tu ayuda

David

Este tema fue modificado hace 2 años, 7 meses por.

(@arquetipo)

Hace 2 años, 7 meses

Hola, SLB no limita el desplazamiento de la página para que las imágenes grandes y otro contenido de caja de luz (por ejemplo, texto descriptivo largo, etc.) se puedan ver completamente cuando se extienden por encima de la altura del navegador.

El cuadro de luz en el enlace que proporcionó parece cubrir la página básica, por lo que no se ve ningún desplazamiento. ¿Puede proporcionar más detalles sobre por qué desea deshabilitar el desplazamiento?

Gracias.

Lanzador de hilos

(@davidiborra)

Hace 2 años, 7 meses

Hola amigos,

Gracias por responder a esta pregunta y perdón por la lentitud en la respuesta, olvidé habilitar las notificaciones para esta publicación…

El comportamiento estándar tiene mucho sentido, es más flexible pero en este caso lo que estoy tratando de lograr es cubrir el 100% de la ventana gráfica sin importar el tamaño de la pantalla, poder navegar antes de la siguiente imagen y cuando cierro la caja de luz la el contenido principal permanece en el mismo punto incluso si intenta desplazarse mientras una caja de luz está habilitada.

Intenté usar la secuencia de comandos a continuación para bloquear la barra de desplazamiento y agregar la clase con la etiqueta html a la secuencia de comandos, de esa manera se logra el efecto deseado, pero no puedo deshabilitarlo cuando cierra la caja de luz. Debo haber estado en conflicto con otro guión de tema pero no pude averiguarlo, lo intenté con el fondo de clic y el botón de cierre y no estaba contento … Aquí está el guión:

( function($) {
$(document).ready(function() {
$(".gc-noscroll").click(function(e) {
e.preventDefault();
$("html").css("overflow","hidden");
     });
$(".slb_viewer_overlay").click(function(e) {
e.preventDefault();
$("html").css("overflow","auto");
     });
   });
}) (jQuery);

Actualmente todo lo que he hecho es agregar la clase slb_viewer_overlay al primer div de mi plantilla de esa manera. Se logra el efecto deseado, aunque ves el desplazamiento principal en el fondo, lo cual está bien y cuando cierras el cuadro de luz, la página vuelve a la última. apuntar … pero luego los botones anterior y siguiente no funcionan, en cualquier lugar donde haga clic se cierra el cuadro de luz, probé el índice z de navegación para aplicar un div pero no tiene suerte.

¡Gracias de antemano por su ayuda hasta ahora su enchufe es genial!

David

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

(@arquetipo)

Hace 2 años, 6 meses

Hola, es posible que pueda obtener lo que desea con solo un poco de CSS.

SLB agrega slb_overlay hacia html elementos class característica cuando se muestra la caja de luz, por lo que puede cambiar el comportamiento de la página siempre que la caja de luz esté tan activa:

html.slb_overlay {
	overflow: hidden;
}

No olvide que esto está clasificado actualmente como «pirateo». slb_overlay la clase no está documentada oficialmente y puede cambiar en una actualización futura.

Esta respuesta se modificó hace 2 años y 6 meses.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

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