Sticky header blocker : l'astuce CSS pour masquer le contenu sous un header fixe (en)

Josh Comeau explique une technique CSS élégante pour donner l’illusion qu’un header fixe a une couleur de fond dynamique selon la section scrollée. Le principe repose sur des éléments position: sticky colorés (“blockers”) placés derrière le header mais devant le contenu, chacun correspondant à la couleur de fond de sa section. Aucun JavaScript n’est nécessaire, et l’article détaille également l’intégration avec des éléments décoratifs positionnés en absolute ainsi que les contraintes d’espace à prévoir.