主に「ページトップへ戻る」ボタンに設定する。下部までスクロールした際、ボタンがフッター内の要素に被らないようにしたい場合などに便利。
- ページトップから1画面の高さ分、下にスクロールしたら「ページトップへ戻る」ボタンを固定表示させる(フェードイン・アウト処理)
- 画面下部から特定の要素(footer)が現れたら固定表示を解除する ※footerの上部に表示させる
See the Pen switching-fixed-absolute by vivolog (@vivolog) on CodePen.
1985年式主婦の備忘録。在宅のフリーランスでコーディング・デザイナーなどWeb制作いろいろやってます。
少々忘れっぽいのでこのブログにメモしていきます。小ネタとブログ更新のお知らせはツイッターに書いてますので、ぜひフォローお願いします▼