Zurück zur gleichen Position auf der vorherigen Seite

Sagen wir: Jetzt bin ich in der index.html Seite.Zurück zur gleichen Position auf der vorherigen Seite

Index.html enthält alle Produkte, die ein Unternehmen haben, wie Autos.

Ich habe zu einer bestimmten Position auf dieser Seite gescrollt.

Dann klicke ich ein Produkt (Auto) auf dieser Position. Das bringt mich auf eine neue Seite, auf der die Details des Autos angezeigt werden.

Wenn ich auf 'zurück' Schaltfläche im Chrome-Browser klicke. Ich möchte, dass der Browser dieselbe Position anzeigt (Produkt, auf das ich geklickt habe).

, wie ich das erreichen kann. Irgendeine Idee ?

Quelle

2017-05-19 Ridoan Saleh Nasution

Einige Browser (einschließlich Chrome) tun dies automatisch. Aber wenn das aus irgendeinem Grund nicht auf Ihrer speziellen Seite funktioniert, können Sie 'localStorage' verwenden, um die ID des angeklickten Elements zu notieren und dann beim Laden der Seite spezifisch zu diesem Element zurückzukehren. – nnnnnn

Es scheint nicht in meiner Web-App zu funktionieren. Ich verwende auch Chrome Browser Version 58.x (64 Bit). Natürlich benutze ich angularjs v1.6 um meine Web App zu erstellen. –

Ist es eine einzelne Seite App (SPA)? – nnnnnn

Sie müssen die ID (des ausgewählten Autos) im Sitzungsspeicher speichern und während Sie auf die Zurück-Schaltfläche klicken, müssen Sie zur vorherigen Seite gehen und dann den Sitzungsspeicher verwenden, um an diesen bestimmten Ort zu gelangen (zuletzt gewähltes Auto). Versuche dies. Es wird sicherlich funktionieren.

Quelle

2017-05-19 04:14:48

Try this:

.run(function($rootScope, $anchorScroll) { 
     $rootScope.$on("$locationChangeSuccess", function() { 
      $anchorScroll(); 
     }); 
    })

Quelle

2017-05-19 08:35:24

Zurück zur gleichen Position auf der vorherigen Seite

Antwort

Verwandte Themen