2019年6月9日ツイートシェアB!はてブポケット内部リンクをクリックした時に「ぐいーん」と移動した方がページ内を移動していることが理解できて少し親切だと思います。この動きのことをスムーススクロールと呼んだりします(呼び方はスムーズスクロールの説もあり)そして、スムーススクロールと関連するところとして、「トップへ戻る」のボタンがあります。リンク課題:スムーススクロールを作るグローバルメニューをクリックした時のページ内リンクをスムーススクロールで「グイーン」と移動できるようにしてください!また、ヘッダーのメニューをクリックした時には対応するセクションへスムーススクロールで移動させ、メインビジュアルの「お問い合わせ」ボタンは、Contactのセクションに移動するようにしてください。上級編の「ページ内を移動しよう」を復習しながら、スムーススクロールを作成してみてください!固定ヘッダーを考慮できるように少しだけ作り直していただく必要があるかもしれません。スムーススクロールのライブラリライブラリを使ってサクッと実装するのもいいかと思います。スムーズな移動!「smooth-scroll.js」で固定ヘッダーも考慮したページ内リンクただ、簡単に自作できるので、自分用に作っておくのがいいかと!課題2:「トップへ戻る」をフローティングアイテムにするそして、「トップへ戻る」ボタンをスクロールしたら「フワッと」表示されるように変更してください。常に右下で固定されているような感じにします。以下の記事が参考になるかもしれません。リンクこのページが役に立ったらいいね!お願いします運営の励みになります...。ツイートシェアB!はてブポケット関連の記事お知らせの一覧を見る次の記事DAY23:ページ内リンクでクリックした要素に対して下線を引く(クリ...前の記事DAY21:スマホ時のドロワーメニューを作るはにわまんWordPressが好きなフリーのWebコーダー。300件以上のWordPressカスタマイズを対応してきました。