Consulta sobre header con efecto "colapso"
2 seguidores
Hola gente, encontré un tutorial para hacer un sencillo efecto colapso. Ejemplo a continuación:
Ejemplo efecto Colapso en Header
Ahora me pregunto si hay alguna manera de hacer que el DIV de contenido no pase por debajo del header, sino q una vez se superponga a la imagen de background toda la web se mueva uniformemente. Seria como hacer q el header dejase de ser fixed a partir de cierto punto del scroll... Me expliqué bien ?
Gracias de ante mano.
Pedro Gutierrez
Eso está hecho con la cabecera fija (con posicion:fixed) y con la imagen de fondo fija igual (background: url(...) fixed).
El texto es estático y tiene un margen en la parte superior para que se vea la imagen.
Espero que te haya sido de ayuda, un saludo.
sararow
Hola!
Si sabes cuanto mide la imagen hay un método sencillo por jquery, creo que con algo asi funcionaría:
$(window).scroll(function(){
if( $(document).scrollTop() == 500 ){
$('header').css({position:'relative',top:'500px'});
})
})