Capa modal y fondo fijo.

[McBlink]

Buenas noches,
estoy intentando hacer a una capa modal con cierto contenido, y de fondo otra capa que oscuresca y bloquee el resto de la web.
pero lo que quiero hacer es dejar el fondo de la web fijo (body) y que al hacer scroll solo lo haga sobre la capa modal.

Si no se entiendo lo que digo, es tal cual hace facebook cuando muestra una foto.

Alguna sugerencia para realizar o alguna forma de "googlear" sobre este tema? porque no doy con las palabras justa


Muchas Gracias!

[cristian_cena]

debes usar javascript, haciendo que:

al hacer click en el elemento que despliega el lightbox asigne:
overflow:hidden; al body y display:block; a la capa que deseas que aparezca

y al hacer click en el boton [x cerrar] de la capa lightbox asigne:
overflow:scroll; al body y display:none; a la capa lightbox.

Es lo que hacen algunos. Saludos.

[McBlink]

Gracias cristian_cena,
era mas o menos lo que tenia pensado, el tema que estoy usando un plugin para jquery COLORBOX se llama. Asique voy a ver si puedo adaptar el codigo, y sino hacerlo yo mismo.

Saludos!

[cristian_cena]

de nada, no creo que tengas problemas con ese plugin. yo lo estoy usando también y crea el efecto por defecto, fijate en la documentación seguro te estas olvidando de configurar algo nomas. saludos.

[McBlink]

si me pudieras pasar un ejemplo de como lo implementas al plugin te agradeceria, ya que no hay forma de que el body que fijo..

Gracias!

[cristian_cena]

hola mcblink, acabo de ver los trabajos en que uso colorbox y veo que me equivoqué, no deja fijo al body. Tendrías que añadirle este efecto a mano nomas me parece. slaudos.

[isc_seeker]

tengo el mismo problema que este cuate... alguien que tenga un código ??? que solvente este problema :/