[SOLUCIONADO] Header con efecto "colapso"

[fparedlo]

Hola gente, encontré un tutorial para hacer un sencillo efecto colapso. Ejemplo a continuación:
[URL="http://line25.com/wp-content/uploads/2013/header-effect/final-demo/index.html"]Ejemplo efecto Colapso en Header[/URL]
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.

[pzin]

No se me ocurre cómo hacerlo con CSS. No creo que se pueda hacer.

Tendrías que usar JavaScript para cuando el scroll llegue a ese punto aplicar una clase a la cabecera que indique una posición relativa y luego aplicarle un top de la altura de la imagen.

[fparedlo]

Muchas gracias por el feedback Bonez, me lo estaba imaginando, preguntaré sobre este tipo de comportamientos en el foro de Javascript a ver si me pueden ayudar.

[memoadian]

como dice bonez, eso no se puede con css por que css no tiene condicionalespara saber determinado asunto ni es capaz de reconocer ese tipo de cosas al no ser lenguaje de programación. Pero te bastas solo con scroll