質問: CSSのみでタブ切り替えを作成しました。 ※こちらのサイトを参考に作成。 違うページに遷移し、戻るボタンで戻っても、 選択したタブが開かれたままにしたいのですが方法がわかりません。 フロー例: --- 【A】【B】【C】の3つのタブがある。 ↓ 【B】のタブ内にあるリンクをクリックし、 違うページに遷移。(同ページ内) ↓ ブラウザの戻るボタンで戻る。 ↓ 【B】タブが選択されている状態にしたい。 ※現状、初期状態(【A】タブ選択状態)に戻る。 --- 拙い説明で恐縮ですが、 方法がわかる方、ご教示の程お願い致します。
回答: こんにちは。 Webストレージを使って状態を記憶しておくことになるかと。 Sessionストレージならタブごとに記憶するので、扱いやすいかと思います。 1. タブクリック時にSessionストレージに開かれているタブidを保存 2. 画面読み込み時にSessionストレージに保存されているタブidがあれば、対象のタブを開くスクリプトを組む。