絶対位置指定を利用したハンバーガーメニュー
jQueryを利用した、ハンバーガーメニューの学習です。
学んだポイントとしては、
1.絶対位置指定によるメニュー位置の固定
2.javascriptの記述で、hasClass・removeClassメソッドでクラス名を追加・除去
3.それぞれのクラスにCSS側で位置指定を行うことで、表示・非表示(正確には画面の外側への移動)を切り替え
以上の3点です。
レイアウトコンセプト | |
---|---|
使用ツール | |
制作時間 |
都内某所でウェブに関わるお仕事をしながら、ウェブ制作者レベル3を目指している管理人の学習記録用のブログです。
jQueryを利用した、ハンバーガーメニューの学習です。
学んだポイントとしては、
1.絶対位置指定によるメニュー位置の固定
2.javascriptの記述で、hasClass・removeClassメソッドでクラス名を追加・除去
3.それぞれのクラスにCSS側で位置指定を行うことで、表示・非表示(正確には画面の外側への移動)を切り替え
以上の3点です。
レイアウトコンセプト | |
---|---|
使用ツール | |
制作時間 |