固定在窗口中的元素，直到它的容器滾動出視圖

Question

我試圖將一個元素固定到窗口的底部，但是一旦元素容器開始向上滾動並從視口中移出，元素會從其中移除position: fixed;窗戶，而是固定在它的容器的底部。

我已經設置了一個JSFiddle，它演示了我試圖組合在一起的兩個場景。有沒有人有任何想法，我可以如何實現這一目標？

Answer 1

冒着與自己交談的風險，我設法弄清楚了。

使用一個叫做Waypoints的漂亮的小插件，當元素到達屏幕上的某個點時，可以觸發一個動作。

因此，當屏幕上的底部容器滾動時，我將元素position: fixed;更改爲position: absolute;，將其從屏幕底部移除，並將其放在其父元素的底部。

見JSFiddle代碼