Gracias por el aporte prueba230683, pero creo que no has entendido el problema.
El header debe desaparecer y aparecer según bajes o subas con el scroll.
El origen lo tienes aquí:
https://www.w3schools.com/howto/tryi...ar_hide_scroll
Lo que busco es que en los 200px antes de que el header desaparezca hacia arriba, se coloree en rojo, porque en mi caso, en origen está en transparente.
El desarrollo que haces tú siempre muestra el header, que no desaparece sino que solo se le añade un background.
Un saludo.