Demo5
:focus-within 設定
あり
移動先に tabindex 設定
なし
視差効果による動作切り替え切り替え設定
なし

最終的な動作
アンカーリンククリック時: アニメーションしない
ページ内キーワード検索時: アニメーションしない
視差効果にチェックをつけない時: アニメーションしない
視差効果にチェックをつける時: アニメーションしない

Demo5を開く

Demo6
:focus-within 設定
あり
移動先に tabindex 設定
あり
視差効果による動作切り替え設定
なし

最終的な動作
アンカーリンククリック時: アニメーションする
ページ内キーワード検索時: アニメーションしない
視差効果にチェックをつけない時: アニメーションする
視差効果にチェックをつける時: アニメーションする

Demo6を開く

Demo7
:focus-within 設定
あり
移動先に tabindex 設定
あり
視差効果による動作切り替え設定
あり

最終的な動作
アンカーリンククリック時: アニメーションする
ページ内キーワード検索時: アニメーションしない
視差効果にチェックをつけない時: アニメーションする
視差効果にチェックをつける時: アニメーションしない

Demo7を開く