position:sticky Problem

[Rolf B]

Hallo mixmastertobsi,

diese Seite ist kritisch. Ein Abmahnanwalt wird sich die Finger lecken. Grund: Durch die automatische Erweiterung des Scrollbereichs kommst Du „nie“ auf den Footer und kannst das Impressum nicht aufrufen. Du hast so viele Artikel, dass 168 Seiten gefüllt werden. Ohne eine Suche wird man erst, wenn die alle da sind, das Impressum anklicken können, und den Text zu "Moderne Schlafzimmermöbel für einen erholsamen Schlaf" kann man auch erst dann lesen. Aber wenn man die Suche benutzt, ist der Infotext nicht mehr da. Schade um den schönen Text. Niemand kann ihn lesen.

Denk Dir ein anderes Layout aus, bringe den Impressum-Link nach oben, oder schalte das automatische Nachladen der Listenelemente ab. SO würde ich es als ungeeignet bezeichnen.

Um den Header zu fixieren, könntest Du auch dafür sorgen, dass es einen Seitenrahmen gibt, der eine Höhe von 100vh hat und aus 2 Teilen besteht: Oben der Header, darunter der Container für den Seitenrest. Den Container machst Du scrollbar. Dann hast Du kein Problem mit sticky, und auch kein Problem damit, dass irgendwas durch den Header durchscheint. Einen solchen Rahmen kannst Du per flexbox erschaffen. Du kannst den Rahmen auch 3-teilig machen und einen niedrigen Footer einbauen. Der enthält dann - je nach Viewportbreite, die wichtigsten Links (mindestens das Impressum), und spätestens da findet man dann den vollständigen Footer mit allen Links. Du könntest die wichtigsten Footer-Links auch noch ins Hamburger-Menü bringen.

Rolf