主に「ページトップへ戻る」ボタンに設定する。下部までスクロールした際、ボタンがフッター内の要素に被らないようにしたい場合などに便利。
- ページトップから1画面の高さ分、下にスクロールしたら「ページトップへ戻る」ボタンを固定表示させる(フェードイン・アウト処理)
- 画面下部から特定の要素(footer)が現れたら固定表示を解除する ※footerの上部に表示させる
See the Pen switching-fixed-absolute by vivolog (@vivolog) on CodePen.