表示中のセクションで状態変化未リファクタリング

クラス名

マークアップ例

<section data-section="sec01">
	<h2>セクション01</h2>
</section>
<section data-section="sec02">
	<h2>セクション02</h2>
</section>

定義

機能
表示中のセクションを判定してページの状態変化をする

あしらい・振る舞い
表示中のセクションを判定して、body要素の data-currentsection属性の値を変更することで、状態変化を管理できる
この例ではsec03を表示中にカラーを反転する

特記事項

変数とデフォルト値

xxx

ファイルパス

利用しているライブラリ

• current-section.jp 表示中のセクションで状態変化

Change Log

1. 開発開始：2024-03-26
2. 最終更新：2024-03-27