Foros del Web » Programación web » Javascript »

No permitir ni subir ni bajar (bloquear scroll)

Estas en el tema de No permitir ni subir ni bajar (bloquear scroll) en el foro de Javascript en Foros del Web. Hola, tengo un clásico sistema de capas ocultas que se abren como ventanas y se oscurece todo el fondo. Por si no se entendió lo ...
  #1 (permalink)  
Antiguo 05/04/2007, 13:02
Avatar de marcosr  
Fecha de Ingreso: agosto-2005
Ubicación: Montevideo, Uruguay
Mensajes: 451
Antigüedad: 9 años
Puntos: 5
No permitir ni subir ni bajar (bloquear scroll)

Hola, tengo un clásico sistema de capas ocultas que se abren como ventanas y se oscurece todo el fondo.

Por si no se entendió lo que hago es hacer a aparecer una ventana y que al rededor toda la página esté oscura.

Para generar el oscurecimiento tengo una capa de posición absoluta con ancho 100% y alto 100% pero el problema es que si la página sigue para abajo y la ventana se abre, solamente se oscurece o queda oscurecida la parte de más arriba.

Cómo puedo bloquear el scroll cuando se abra la ventana?

Saludos y gracias !
__________________
Yo hago preguntas inteligentes para obtener respuestas rapidas, y vos?
(únete a la campaña !)
  #2 (permalink)  
Antiguo 05/04/2007, 14:04
Avatar de Panino5001
Moderatroll
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 4.941
Antigüedad: 10 años, 3 meses
Puntos: 737
Re: No permitir ni subir ni bajar (bloquear scroll)

Supongo que podrías usar window.onresize=reposicionarcapa,
Y luego tendrías que crearte una función para reposicionarla.
  #3 (permalink)  
Antiguo 05/04/2007, 14:08
Avatar de marcosr  
Fecha de Ingreso: agosto-2005
Ubicación: Montevideo, Uruguay
Mensajes: 451
Antigüedad: 9 años
Puntos: 5
Re: No permitir ni subir ni bajar (bloquear scroll)

Pero no es onresize, no intento evitar que la agranden pero si que no hagan scroll, bajen o suban por la página.

Gracias de todos modos
__________________
Yo hago preguntas inteligentes para obtener respuestas rapidas, y vos?
(únete a la campaña !)
  #4 (permalink)  
Antiguo 05/04/2007, 14:21
Avatar de Panino5001
Moderatroll
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 4.941
Antigüedad: 10 años, 3 meses
Puntos: 737
Re: No permitir ni subir ni bajar (bloquear scroll)

Tenés razón, quise decir window.onscroll y el recuerdo de los códigos que escribe el dreamweaver me traicionó. Pero efectivamente es onscroll.
  #5 (permalink)  
Antiguo 05/04/2007, 14:37
Avatar de marcosr  
Fecha de Ingreso: agosto-2005
Ubicación: Montevideo, Uruguay
Mensajes: 451
Antigüedad: 9 años
Puntos: 5
Re: No permitir ni subir ni bajar (bloquear scroll)

Hola, te comento que cuando estaba por empezar se me ocurrió ver si se puede hacer con CSS y si que se puede.

Dejo el link porque seguramente le será útil a otros.

http://www.tierradenomadas.com/rc012.phtml

Saludos y muchas gracias !
__________________
Yo hago preguntas inteligentes para obtener respuestas rapidas, y vos?
(únete a la campaña !)
  #6 (permalink)  
Antiguo 05/04/2007, 14:42
Avatar de Panino5001
Moderatroll
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 4.941
Antigüedad: 10 años, 3 meses
Puntos: 737
Re: No permitir ni subir ni bajar (bloquear scroll)

Ya veo, claro que es la mejor solución!
  #7 (permalink)  
Antiguo 04/01/2009, 07:53
 
Fecha de Ingreso: abril-2008
Mensajes: 141
Antigüedad: 6 años, 4 meses
Puntos: 0
Respuesta: No permitir ni subir ni bajar (bloquear scroll)

Basta con cambiar absolute por fixed.

En CSS seria:

Código:
#capa {
     width: 100%;
     heigth: 100%;
     position: fixed;
     top: 0;
     left: 0;
}
Ahora ya no importa si se hace scroll.
  #8 (permalink)  
Antiguo 04/01/2009, 08:18
Avatar de JavierB
Moderata
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.055
Antigüedad: 12 años, 6 meses
Puntos: 766
Respuesta: No permitir ni subir ni bajar (bloquear scroll)

El mensaje original es de hace más de 1 año. Por favor, no reviváis temas tan antiguos.

Saludos,
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.
Tema Cerrado




La zona horaria es GMT -6. Ahora son las 22:27.
SEO by vBSEO 3.3.2