FixedされたPageTopボタンをスクロール中にフッターの手前で止める処理

[ ID : 2433 ]
シルバー
FixedされたPageTopボタンをスクロール中にフッターの手前で止める処理

概要

【jQuery】ページ最下部までスクロールした時にページトップ(トップへ戻る)ボタンをフッターの手前(フッター上)で止める処理について。

用途・要件

  • 画面をスクロールすると途中でPageTop(ページの先頭へ戻る)ボタンを表示させる。
  • 画面のスクロールを進めて最下部付近になった時、PageTopボタンをフッターの手前で止める(スクロールはそのまま進む)。
  • PC/SPでPageTopとフッター間の余白を変更。(window.matchMediaを使用して分岐)

注意事項

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)
  • IE11

その他

  • jQuery v3.6.0使用。

実装方法

コンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

新着記事

全ての記事を見る

KONOCODEのメリット 無料会員登録