Si usáis el plugin jquery fancybox, es posible que os resulte molesto o poco estético que al aparecer el lightbox el contendio de vuestro html se desplace unos pixeles (el ancho de la barra de desplazamiento) hacia la derecha. Esto es debido a que al cargar el lightbox carga la siguiente clase en el html de vuestro documento:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
.fancybox-lock {
overflow: hidden;
}
.fancybox-lock { overflow: hidden; }
.fancybox-lock {
    overflow: hidden;
}

Podéis solucionarlo o bien editando este css o bien por js añadiendo el parámetro overlay -> locked con valor false:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
$('.fancybox').fancybox({
helpers : {
overlay : {
locked : false
}
}
});
$('.fancybox').fancybox({ helpers : { overlay : { locked : false } } });
$('.fancybox').fancybox({
    helpers : {
        overlay : {
            locked : false
        }
    }
});

Agradezco tu comentario 🤘