【vanilla.js】一定時間スクロールしないと非表示になるページトップボタン

[ ID : 12320 ]
シルバー
【vanilla.js】一定時間スクロールしないと非表示になるページトップボタン
実装目安
3分

概要

ユーザーが一定時間スクロールしない場合に非表示になるページトップボタンの実装方法を紹介。

用途・要件

  • ページトップを表示する画面上部からのスクロール量(px)を調整可能。(DEMOでは300px以上スクロールするとページトップを表示)
  • スクロール停止後、フェードアウトするまでの時間(ms)を調整可能。(DEMOでは4000ms経過すると非表示)

検証ブラウザ

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

実装

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

この記事をシェアする

関連記事

全ての記事を見る

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