ブラウザの更新時にアクティブなコンテンツを保持

Question

私はjavascript/jqueryを使って作業しているウェブサイトを持っています。それはアコーディオンと似たような働きをしますが、サイト全体のリンクです。リンクは画面の左側に配置され、クリックすると「私について」と言いましょう。現在のコンテンツ（「自宅」または「連絡先"ページ）が画面外にスライドし、"私について "コンテンツが画面上をスライドします。私の問題はページをリフレッシュするときにある。

「about me」または「contact」のコンテンツを表示しているときに、「refresh」をクリックすると、リセットされ、「home」ページのコンテンツが表示されます。ページが更新されたときに現在のコンテンツ（「ホーム」コンテンツと異なる場合）が表示されるようにします。

これを完了する方法に関するご意見はありますか？私は "ハッシュチェンジ"イベント/関数で遊んでいて、URLを更新することができますが、毎回ホームページのコンテンツではなく現在のコンテンツを読み込むためにリフレッシュが必要です。

ありがとうございました！

の1- URLパラメータ：

Answer 1

は、ブラウザをリフレッシュなっても、何かを維持するためのいくつかの方法があります。この場合、あなたのようなURLに現在の選択メニューを追加します。

localhost?currentMenu=about  

ありませんあなたがそれをチェックして、対応するメニューonLoadを選択するためのスクリプトを持っている必要がこれを行います。

2-のlocalStorage

localStorage.setItem('currentMenu', 'about'); 

その後のonLoadそれをチェック：

currentMenu = localStorage.setItem('testObject'); 

3- coockies "約currentMenu ="

document.cookie =。

これらのオプションはすべて、負荷の追加確認が必要です。