Shrinking Header, Idee Schritt 1

[TS]

Hello Janosch,

Ich hab mal einen Alternativvorschlag geforked, der einen besseren visuellen Eindruck macht und komplett ohne Javascript auskommt. Die Essenz davon ist:

body {
  margin-top:200px;
  background-color:white;
}

html {
  background-color:#AAAAAA;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 20pt;
  height: 100px;
  background-color: #AAAAAA;
}

Netter Fake. Kommt aber in die Sammlung.

Ich musste doch genau suchen, wo sie Stelle mit dem Trick steckt, obwohl mir klar war, was da wohin geschoben wird ;-)

Ist aber an der Aufgabenstellung vorbei.

Eine der Aufgaben war, den Header (smoothing) zu verleinern, inclusive seiner Inhalte, also auch der Texte usw.. Ich habe da nur erst mal einen Weg ausprobiert, wie man das überhaupt erreichen kann, den Header zu verkleinern, nicht nur seine vermeintliche Höhe. An der Inhaltsverkleinerung muss noch gearbeitet werden.

Aber vielleicht kann mir hier jemand sagen, wie ich innerhalb der Closure eine static Var anlegen kann, die beim ersten Aufruf gefüllt wird und dann bei jedem weiteren Aufruf wieder zur Verfügung steht?

Liebe Grüße
Tom S.