滚动时更改URL哈希

Question

我已经看到了一些jQuery插件，但我想知道是否有人做了服务或指令这样做。谷歌没有帮助。

基本上，我想要的是每次用一个元素（例如一个指令和一个id）来更新URL时，如果我去应用程序的另一部分然后点击返回我就是回到了我正在阅读的标题。

Answer 1

使用$ anchorScroll和$ location

这些服务也可以为您提供所需的结果。

$ location服务允许您更改并获取网址中的＃

$ anchorScroll允许您在DOC中指定位置。

here是一个吸引人的演示

这是主控制器

angular.module('anchorScrollExample', [])
.controller('ScrollController', ['$scope', '$location', '$anchorScroll',
  function ($scope, $location, $anchorScroll) {
    $scope.gotoBottom = function() {
      // set the location.hash to the id of
      // the element you wish to scroll to.
      $location.hash('bottom');

      // call $anchorScroll()
      $anchorScroll();
    };
}]);
})(window.angular);

祝你好运