jQuery

スクロールしてフッターが現れたら固定表示を解除するjQuery

2017年10月30日

主に「ページトップへ戻る」ボタンに設定する。下部までスクロールした際、ボタンがフッター内の要素に被らないようにしたい場合などに便利。

  • ページトップから1画面の高さ分、下にスクロールしたら「ページトップへ戻る」ボタンを固定表示させる(フェードイン・アウト処理)
  • 画面下部から特定の要素(footer)が現れたら固定表示を解除する ※footerの上部に表示させる

See the Pen switching-fixed-absolute by vivolog (@vivolog) on CodePen.

-jQuery

Copyright© ビボろぐ , 2020 All Rights Reserved Powered by STINGER.