Foros del Web » Creando para Internet » CSS »

Position fixed solo cuando el div llego al top de la pagina

Estas en el tema de Position fixed solo cuando el div llego al top de la pagina en el foro de CSS en Foros del Web. Estoy tratando de hacer un position fixed de un menu, pero quiero que solo suceda cuando hago scroll y llega al top de la pagina, ...
  #1 (permalink)  
Antiguo 16/03/2012, 15:01
 
Fecha de Ingreso: abril-2011
Ubicación: Mendoza
Mensajes: 42
Antigüedad: 13 años, 7 meses
Puntos: 0
Pregunta Position fixed solo cuando el div llego al top de la pagina

Estoy tratando de hacer un position fixed de un menu, pero quiero que solo suceda cuando hago scroll y llega al top de la pagina, no quiero que todo el tiempo este fijo, si no solo cuando limita con el top de la pagina??

Alguna idea???


Gracias
__________________
Claudio A. Marrero - Proyect Manager
  #2 (permalink)  
Antiguo 16/03/2012, 16:05
 
Fecha de Ingreso: diciembre-2010
Ubicación: Gavà
Mensajes: 74
Antigüedad: 13 años, 11 meses
Puntos: 3
Respuesta: Position fixed solo cuando el div llego al top de la pagina

Creo que has de usar JavaScript (Con jquery puedes hacer lo que dices)
  #3 (permalink)  
Antiguo 16/03/2012, 16:16
 
Fecha de Ingreso: abril-2011
Ubicación: Mendoza
Mensajes: 42
Antigüedad: 13 años, 7 meses
Puntos: 0
Exclamación Respuesta: Position fixed solo cuando el div llego al top de la pagina

No hay forma de hacerlo solo con CSS?,

con jquery, tendria que tomar la posicion de socrroll del elemento y cuando el scroll llegue a esa posicion cambiar la posicion relative por fixed... pero resulta muy complejo y pense que de algun modo se podia resolver con css y html

Gracias
__________________
Claudio A. Marrero - Proyect Manager
  #4 (permalink)  
Antiguo 16/03/2012, 20:22
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: Position fixed solo cuando el div llego al top de la pagina

http://dl.dropbox.com/u/1715120/demo...ery/index.html

SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 17/03/2012, 06:59
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: Position fixed solo cuando el div llego al top de la pagina

sólo con css no es posible. usa la propiedad pageYOffset. con el ejemplo que trae el artículo tienes hecho el 95% de lo que necesitas
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}
  #6 (permalink)  
Antiguo 19/03/2012, 05:19
 
Fecha de Ingreso: abril-2011
Ubicación: Mendoza
Mensajes: 42
Antigüedad: 13 años, 7 meses
Puntos: 0
Respuesta: Position fixed solo cuando el div llego al top de la pagina

Gracias a ambos, voy a ver como puedo aplicarlo.... Saludos
__________________
Claudio A. Marrero - Proyect Manager

Etiquetas: fixed, position, top
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 11:04.