Fixed Element im Fenster, bis es Container scrollt aus der Sicht

Question

Ich versuche, ein Element an der Unterseite des Fensters zu reparieren, aber sobald der Elementcontainer nach oben und aus dem Ansichtsfenster zu scrollen das Element entfernt sich selbst aus seiner position: fixed; in das Fenster und fixiert sich stattdessen auf dem Boden des Containers.

Ich habe eine JSFiddle eingerichtet, die die zwei Szenarien zeigt, die ich versuche zu kombinieren. Hat jemand Ideen, wie ich das erreichen kann?

Answer 1

Bei dem Risiko, mit mir selbst zu reden, gelang es mir, es herauszufinden.

Mit einem netten kleinen Plugin namens Waypoints können Sie eine Aktion auslösen, wenn ein Element einen bestimmten Punkt auf dem Bildschirm erreicht.

Also, wenn der untere Container scrollte auf dem Bildschirm habe ich die Elemente position: fixed; zu position: absolute;, die es von der Unterseite des Bildschirms entfernt und stattdessen an der Unterseite des übergeordneten Elements.

Siehe JSFiddle für Code