jQuery - freefuntimes

現場でよく使うjQueryを用いたハンバーガーメニューを作ってみた（備忘録）

前回書いた下記の記事のソースを流用して、今回は、現場でよく使っているjQueryを用いたハンバーガーメニューを作ってみた。

前回書いた下記の記事のソースを流用して、今回は、PC幅ではハンバーガーメニューを使用せずに、最初からメニューが表に出ている場合を想定して、ヘッダーに固定させた状態で作成している。
また、スマホ幅はこれまでと変わらず、ハンバーガーメニューになるよう作ってみた。

調べるといっぱいやり方が出てくるが、スムーススクロールと組み合わせた時に動かなかったり、ハンバーガー内のメニューをクリックした時に閉じてくれなかったりなど、色々と問題が起こることが多かったので、自分なりにい組み合わせて上手くいったものをコードとして残しておくこととする。