エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【怖くないJavaScript + jQuery】「ページの先頭へ戻る」をスクロールで表示非表示を切り替え
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【怖くないJavaScript + jQuery】「ページの先頭へ戻る」をスクロールで表示非表示を切り替え
デモ ▲ 実は今回のデモは画面右下に表示されています。いわゆる「ページの先頭にもどる」ボタンですね。... デモ ▲ 実は今回のデモは画面右下に表示されています。いわゆる「ページの先頭にもどる」ボタンですね。 ファーストビューでは表示されておらず、画面の下へ下へスクロールすると表示されます。反対に上に上にスクロールすると、また消えます。 デモのファイルはこちらからダウンロードできます。 Step1:まず下準備 こちらはいつもと同じです。まず必要なファイルを読み込みます。 headerの中に、jQueryと、自分で作ったjavascriptのファイル(今回は pagetop.js とします)を読み込みます。 <head> <script src="common/js/jquery.js" type="text/javascript"></script> <script src="common/js/pagetop.js" type="text/javascript"></script> </hea