首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在angularjs中重定向到锚点

如何在angularjs中重定向到锚点
EN

Stack Overflow用户
提问于 2015-01-23 17:58:35
回答 2查看 797关注 0票数 0

页面顶部有一个锚点:

代码语言:javascript
代码运行次数:0
运行
复制
<a href="#top">Logo goes here</a>

在页面的底部,有一个联系人表单。我想跳转到页面的顶部,完成联系表单后的锚。

代码语言:javascript
代码运行次数:0
运行
复制
$location.path("#top")

无济于事。

该怎么做呢?

EN

回答 2

Stack Overflow用户

发布于 2015-01-23 18:01:45

用棱角分明的方式。使用$anchorScroll手册页面中的示例正是您想要的,只是它滚动到底部而不是顶部……

票数 1
EN

Stack Overflow用户

发布于 2015-01-28 22:28:13

$anchorScroll就是这样做的。

代码语言:javascript
代码运行次数:0
运行
复制
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:

代码语言:javascript
代码运行次数:0
运行
复制
<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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28107243

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档