Kachel 1
Morgens
01Scroll hoch — diese Zeile wird an der Kopf-Unterkante hart abgeschnitten.
02Kein Durchscheinen, keine weiche Kante.
03Der Inhalt verschwindet wirklich, nicht nur verdeckt.
04Gleich schiebt „Abends" diese Kategorie raus.
Abends
05„Abends" klebt jetzt direkt unter dem Kachelkopf.
06Der Header oben ist transparent — trotzdem läuft nichts rein.
07Harte Grenze an der Kachel.
08Danach rückt Kachel 2 nach.
Kachel 2
Drinnen
01Zwei Kategorien, harte Grenze — gleiches Verhalten.
02Zeilen enden sauber an der Kopfkante.
03Die runde Ecke bleibt rund.
04Weiter …
Draußen
05„Draußen" übernimmt den Andockplatz.
06Nichts läuft aus der Kachel.
07Noch eine Zeile.
08Ende der Kachel.
Kachel 3
Am Wasser
01Dritte Kachel, selbes Prinzip.
02Kategorie eins hält oben.
03Zeilen werden hart gekappt.
04Gleich kommt die Bergluft.
In den Bergen
05Umgeschaltet auf Kategorie zwei.
06Der Übergang bleibt in der Kachel.
07Fast fertig.
08Kachel 4 wartet schon.
Kachel 4
Einpacken
01Letzte Kachel.
02Erste Kategorie dockt an.
03Harte Grenze via schlankem Scroll-Handler.
04Andocken selbst bleibt reines CSS.
Ankommen
05Zweite Kategorie übernimmt.
06Beliebig auf echte Inhalte übertragbar.
07Fertig.
08— Ende —