【WEB制作×勉強】Day19：アニメーション練習1～5

JQueryの実装練習問題！HTMLとCSSができている状態で、JQueryだけの記述だったからもあるけど、思ったよりできて、ちゃんと学習内容理解できた自分をほめる！！関数～の内容をインプットする日々はつらかった…やっぱり実際に使ってみる時に見返したりして、本当に理解できるんだなと😊
そんなのやったっけ？とか思い出せないところも多かったから備忘録として記録↓↓↓

復習（忘れていたところ）

・文字列に関数を書く場合

‘$｛関数名｝‘　
文字も‘‘内は””+は必要ない！

 alert(`${yourName}さん,こんにちは`)

---

・class名・Id名はCSS用とjavascript用別につけとくとよい

javascriptで操作するための名前は【js-〇〇】とつけとくとよい

---

知らなかったこと

・formの場合：リロード無効

標準ではフォームの送信によってページがリロードされる（上のスクロールされてしまう）のでその動きを無効化するために記述をする。こういうものだと覚える

$("#js-form-name").on("submit",function(e){
    e.preventDefault();


 return flse

・ハンバーガーメニュー：ドロワーが開いている時はスクロールを無効

body.is-fixed {
  overflow: hidden;
}

is-fixedのクラスのつけ外し（toggleClass）によって実装する

・テキストが自動的に改行されないようにする

white-space: nowrap