【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
この記事が参加している募集
この記事が気に入ったらサポートをしてみませんか?