javascript - 滚动时更改URL哈希

我已经看到了一些jQuery插件，但是我想知道是否有人提供了服务或执行此操作的指令。 Google没有帮助。

基本上，我想要的是每次我使用带有（例如，指令和）id的元素时都更新URL，以便如果我转到应用程序的另一部分并单击返回，我将返回到我正在阅读的标题。

最佳答案

使用$ anchorScroll和$ location

这些服务也应该给您期望的结果。

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

$ 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);

祝你好运

关于javascript - 滚动时更改URL哈希，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37138680/