Der Martin: footer position:fixed, trotzdem hochschiebbar?

Beitrag lesen

Hallo,

footer { position: fixed; padding: 10px; bottom: 0; left: 0; right: 0; }

Gibt es eine Möglichkeit dies so zu ändern oder zu erweitern, dass, nachdem der gesamte (oberhalb liegende) Seiteninhalt durchgescrollt/ nach oben geschoben ist (ich gehe hier von der Version für schmale, mobile Viewports aus) nun der Footer mit zusätzlichem Inhalt nach oben gescrollt werden kann.

ich hab's auf die Schnelle nicht komplett durchdekliniert - aber vielleicht ist position:sticky etwas für dich.

Vielleicht zur besseren Vorstellung, auch wenn das technisch anders funktionieren würde falls es denn ginge: das würde dann so wirken als ob beim Erreichen des unteren Randes des Seiteninhalts der Footer davon hochgezogen würde.

Hmm. Den Effekt habe ich noch nicht gesehen, und ich weiß nicht, ob das mit sticky machbar ist. Doch, wenn man das Element mit sticky am unteren Rand anklebt anstatt am oberen, müsste das auch gehen.
Ich dachte eher an ein Element, das zunächst mitscrollt, aber dann beim Weiterscrollen am oberen Bildschirmrand stehenbleibt. Das wäre dasselbe quasi mit umgekehrtem Vorzeichen.

Live long and pros healthy,
 Martin

--
Home is where my beer is.