JavaScript– category –

【Intersection Observer】 特定の要素が指定領域内に入ったかどうかを検知するIntersection Observer。何をやったか、記録を残すのが難しい…。 監視対象 → 表題（js-section-title )表題部分がテキストエリアへ遷移する瞬間にheaderが上から下へスライド...

【アコーディオン（アニメーションあり・なし）】 アニメーションなしのアコーディオンであれば<details><summary>を用いればhtmlとcssのみで作成が可能。 【例：html】 <details class="accordion"> <summary class="accordion-head...

【モーダル（アニメーションなし・あり）】 dialogタグを使用したモーダルウィンドウの作成。 htmlファイル内、dialogタグで囲った部分をJavascriptではshowModal()表示、close()で非表示できる優れもの。 dialogタグを使用するとウィンドウを開いた状態で...

JavaScriptでモーダル作成の課題。『dialogタグを使う』という条件があった。dialogタグはある意味便利だけどクセが強かった。 【作成したモーダル】 『モーダルOPEN』をクリックするとモーダルウィンドウが開く 『×（閉じるボタン）』をクリックするとモ...