Question

页面顶部有一个锚点：

<a href="#top">Logo goes here</a>

在页面底部，有一个联系表单。我想在完成联系表格后跳到页面顶部，到锚点。

$location.path("#top")

没有帮助。

怎么做？

Answer 1

以角度方式做。使用$anchorScroll 手册页中的示例正是您想要的，除了它滚动到底部而不是顶部...

Answer 2

$ anchorScroll是这样做的方法。以下是其使用示例：

var myApp = angular.module('myApp', []);

myApp.controller('myController', function ($scope, $location, $anchorScroll) {
    $scope.gotoBottom = function(myTarget) { // this is the function to call with ng-click
      $location.hash(myTarget);  // set the target
      $anchorScroll();  // scroll to the target that has been set
    };
}]);

然后你会得到如下的HTML：

<div ng-controller="myController">
  <a ng-click="gotoBottom('goHere')">Scroll to my target location</a>
  <p>Some random stuff</p>
  <p>Some random stuff</p>
  <p>Some random stuff</p>
  <a id="goHere">This is where you scroll to</a>
</div>

如何重定向到angularjs中的锚点

2 个答案: