2017-05-19 17 views
0

ここで、私はindex.htmlページに入っています。前のページの同じ位置に戻る

Index.htmlには、自動車など、会社が所有するすべての製品が含まれています。

私はそのページの特定の位置にスクロールしました。

次に、その位置の商品(車)をクリックします。それは、車の詳細を表示する新しいページに私をもたらします。

Chromeブラウザで「back」ボタンをクリックしたとき。私はブラウザに同じ位置(私がクリックされた製品)を表示したい。

Back Button

どのように私はこれを達成することができます。何か案が ?

+3

(クロムを含む)一部のブラウザではこれを自動的に行います。しかし、何らかの理由でそれがあなたの特定のページで動作しない場合は、 'localStorage'を使用してクリックされた要素のIDを書き留めてから、ページロード時にその要素に具体的に戻ることができます。 – nnnnnn

+0

私のWebアプリケーションではうまくいかないようです。私はまた、Chromeブラウザのバージョン58.x(64ビット)を使用しています。明らかに、私はanglejs v1.6を使ってWebアプリケーションを構築しています。 –

+0

シングルページアプリ(SPA)ですか? – nnnnnn

答えて

1

セッションストレージにId(選択した車の)を保存し、戻るボタンをクリックしている間は、前のページに移動してセッションストレージを使用して特定の場所(最後に選択した車)に移動する必要があります。これを試して。それは確かに動作します。

1

はこれを試してみてください:

.run(function($rootScope, $anchorScroll) { 
     $rootScope.$on("$locationChangeSuccess", function() { 
      $anchorScroll(); 
     }); 
    }) 
関連する問題