Header fixed según el container

BekoxD · #1 (**permalink**) 19/10/2017, 10:24

Hola, no se si me dejo entender con el título, lo que estoy necesitando una mano es sobre un header que cambie de fondo y se ponga en fixed cuando este bajando el scroll...

Por ejemplo:

Código HTML:

<body> 
<header> Menu </header>
<div class="container1"> <!-- aquí cuando se mueve el scroll no-fixed y con fondo transparente --> </div> 
<div class="container1"><!-- cuando el scroll llegue aquí se debe mostrar el header fixed y con fondo X --> </div>
<div class="container1"><!-- y luego ya en todo los containers--> </div>

</body>

No se si me puedo explicar.

Dejo un ejemplo : Ejemplo aquí

Muchas gracias por su ayuda de antemano.

Rafael · #2 (**permalink**) 22/10/2017, 23:39

Tienes que usar un JavaScript que detecte la altura que necesitas y apartir de ahí le asigne un class que tenga fixed en el css.