会員限定 実用的なjQueryのコーディング

• ハンバーガーメニュー
• スクロールトップ

今回のステップでは、実用的でよく使われる jQuery のコーディングを2つ説明します。

これらはWebサイトをコーディングする上で頻繁に使われるため、しっかりと学んでいきましょう。

1. ハンバーガーメニュー
   スマートフォンやタブレット向けのナビゲーションメニューで、ボタンをクリックするとメニューが開閉する仕組みです。
2. スクロールトップ
   ページの下部から素早くトップへ戻るボタンの機能です。
   一定のスクロール量を超えると表示され、クリックするとスムーズにページの上部へスクロールします。

ハンバーガーメニュー

1：HTML/SCSS/jQueryの準備

まずは、ハンバーガーメニューのjQueryのコーディングが行えるように、HTMLとCSSを記述します。
また、HTMLにはjQueryを記述できるように、jQueryのファイルと外部JSファイルを読み込んでおきましょう。