position sticky und Text-fade out beim Scrollen

[Rolf B]

Hallo grmblfx,

sorry, dass ich deine Seite nicht vorher angeschaut habe.

• outer_wrapper ist unnötig. Schmeiß das div weg und verschiebe die CSS Eigenschaften auf den Body. _ upper_wrapper ist auch unnötig. Schiebe <nav> in den <header> hinein, wie ich es in meinem Beispiel gemacht habe. Das ist zwar nicht das, was unser Wiki vorschlägt, aber es ist durchaus zulässig. Die Inhaltskategorie von <header> ist flow content, und das ist auch der Inhaltstyp von <nav>. Das einzige, was ein Header nicht enthalten darf, ist <header>. Sogar die Spec hat ein Beispiel, wo <nav> im <header> steht.
• -webkit-position oder -webkit-sticky ist meiner Meinung nach nicht mehr nötig, sticky gibt's lange genug.
• Mein Beispiel oben passt für dein Farbschema nicht. Ich bau das noch um.

Rolf