ウィンドウ内の固定要素がコンテナから外にスクロールします

Question

要素をウィンドウの下部に固定しようとしていますが、要素コンテナがビューポートの上にスクロールし始めると、要素はそれ自身から削除されますposition: fixed;代わりにウィンドウをコンテナの底に固定します。

私は、一緒に結合しようとしている2つのシナリオを示すJSFiddleをセットアップしました。誰も私はこれを達成する方法のアイデアを持っていますか？

Answer 1

自分自身と話す危険があるので、私はそれを理解することができました。

Waypointsという素敵な小さなプラグインを使用すると、要素が画面上の特定のポイントに到達したときにアクションをトリガーできます。

したがって、下のコンテナが画面上をスクロールしたとき、要素position: fixed;をposition: absolute;に変更しました。画面の一番下から削除し、親要素の下に置きます。

私はあなたにJSFiddleリンクを与える場合、それが役立つだろうコード