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.
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'});
})
})
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.