Dla aplikacji internetowej AngularJS: strony internetowe nie zapamiętują swoich ostatnich pozycji przewijania podczas powrotu do nich za pomocą przycisku Wstecz. Czemu? Jak naprawić?

Question

Podczas nawigowania po podręczniku programisty AngularJS zauważyłem, że nie wracam do mojej ostatniej pozycji przewijania podczas powrotu do strony za pomocą przycisku Wstecz. Zamiast tego wracam na samą górę. Ponieważ przewodnik programisty jest zbudowany z AngularJS, obawiam się, że kiedy zbuduję własną aplikację internetową z AngularJS, będzie denerwować moich użytkowników, jeśli mają to samo doświadczenie. Dlaczego tak się dzieje i jak można to naprawić? Czy muszę w jakiś sposób używać interfejsu HTML5 historii?

Przejdź do przewodnika dewelopera i zobaczyć to zachowanie się: http://docs.angularjs.org/guide/directive

Answer 1

Jeśli chcesz to naprawić, mogę myśleć o idei utrzymywania toru każdej trasie pozycji przewijania w mapie (w służbie lub na a rootScope) - po opuszczeniu strony ($routeChangeStart) po prostu zapisz pozycję przewijania wraz ze ścieżką trasy.

A kiedy zbliża się do każdej strony, można sprawdzić, czy istnieje zapis w mapie na ścieżce trasy i okno do żądanej pozycji przewijania na $routeChangeSuccess imprezy

Answer 2

Należy zajrzeć do serwisu kątowa $ anchorScroll.

http://docs.angularjs.org/api/ng. $ AnchorScroll

Jest dokładnie scenariusza! Przykładowy kod mówi sam za siebie.