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. Los campos obligatorios est谩n marcados con *