Foros del Web » Creando para Internet » CSS »

Capa modal y fondo fijo.

Estas en el tema de Capa modal y fondo fijo. en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 14/06/2011, 18:47
Avatar de McBlink  
Fecha de Ingreso: noviembre-2006
Ubicación: $ARG->LaPampa()
Mensajes: 1.694
Antigüedad: 10 años, 11 meses
Puntos: 22
Pregunta Capa modal y fondo fijo.

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!
  #2 (permalink)  
Antiguo 14/06/2011, 20:08
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 4 meses
Puntos: 269
Respuesta: Capa modal y fondo fijo.

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.
  #3 (permalink)  
Antiguo 14/06/2011, 21:06
Avatar de McBlink  
Fecha de Ingreso: noviembre-2006
Ubicación: $ARG->LaPampa()
Mensajes: 1.694
Antigüedad: 10 años, 11 meses
Puntos: 22
Respuesta: Capa modal y fondo fijo.

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!
  #4 (permalink)  
Antiguo 14/06/2011, 23:34
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 4 meses
Puntos: 269
Respuesta: Capa modal y fondo fijo.

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.
  #5 (permalink)  
Antiguo 15/06/2011, 11:08
Avatar de McBlink  
Fecha de Ingreso: noviembre-2006
Ubicación: $ARG->LaPampa()
Mensajes: 1.694
Antigüedad: 10 años, 11 meses
Puntos: 22
Respuesta: Capa modal y fondo fijo.

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!
  #6 (permalink)  
Antiguo 20/06/2011, 00:34
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 4 meses
Puntos: 269
Respuesta: Capa modal y fondo fijo.

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.
  #7 (permalink)  
Antiguo 05/08/2011, 11:43
 
Fecha de Ingreso: julio-2011
Ubicación: Jalisco
Mensajes: 44
Antigüedad: 6 años, 3 meses
Puntos: 0
Respuesta: Capa modal y fondo fijo.

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

Etiquetas: fijo, fondo, modal, capas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:17.