概要
ユーザーが一定時間スクロールしない場合に非表示になるページトップボタンの実装方法を紹介。用途・要件
- ページトップを表示する画面上部からのスクロール量(px)を調整可能。(DEMOでは300px以上スクロールするとページトップを表示)
- スクロール停止後、フェードアウトするまでの時間(ms)を調整可能。(DEMOでは4000ms経過すると非表示)
検証ブラウザ
- Google Chrome(最新)
- Microsoft Edge(最新)
- Firefox(最新)
- Safari(最新)
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。（トラブルシューティングページへ）
