AngularJS不能使用哈希跳转到锚点

mtpultz

我已经使用AngularJS设置了一个网站,并且不需要使用路由,因此未实现。我希望能够基于锚点跳至页面中的某个位置,因此我在导航栏中设置了一个链接:

<a href="/services#/myAnchor">Jump to anchor</a>

我放的更远:

<a name="/myAnchor">

但这是行不通的,它必须与AngularJS有关,但是由于我没有使用路由,所以我不知道它是什么。我尝试只使用不带/的#myAnchor,但无论如何,当页面加载时Angular似乎会将其放入,并且无论如何都无法正常工作。

任何想法如何使页面锚点变得基本正常才能再次工作?

玛丽安·班

您正在寻找$ anchorScroll

<div id="scrollArea" ng-controller="ScrollController">
  <a ng-click="gotoBottom()">Go to bottom</a>
  <a id="bottom"></a> You're at the bottom!
</div>


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();
      };
    }]);

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

没有锚点不能使用MenuPopupHelper

来自分类Dev

html / javascript - 跳转到锚点不起作用

来自分类Dev

跳转链接,如何跳转到页面上的下一个可用锚点?

来自分类Dev

没有锚点不能使用菜单弹出帮助器

来自分类Dev

jQuery跳转到滚动锚

来自分类Dev

不能使用手写笔的哈希

来自分类Dev

NGINX - 使用 proxypass 跳转到 https 跳转到上游

来自分类Dev

我正在尝试编写一个脚本来平滑滚动导航链接,但它只是直接跳转到锚点

来自分类Dev

jQuery手风琴-使用锚点打开并转到特定部分

来自分类Dev

您能否使同一页面锚跳转到滚动位置而不是实际锚?

来自分类Dev

禁用/覆盖Safari中来自popstate事件的锚点跳转

来自分类Dev

使用AJAX更改div内容-如何将导航显示为哈希/锚点

来自分类Dev

nuxt-link:使用哈希重定向到相同的锚点

来自分类Dev

AngularJS为什么不能使用多个延迟脚本?

来自分类Dev

Angularjs 1.4 on-change不能使用Select触发

来自分类Dev

不能使用angularJS在mongodb中删除数据

来自分类Dev

ng-show 不能使用 angularjs 工作?

来自分类Dev

从尝试跳转到使用python除外

来自分类Dev

使用 ID 跳转到超链接的问题

来自分类Dev

不能使用Runnable

来自分类Dev

Ubuntu,不能使用@

来自分类Dev

不能使用Ubuntu

来自分类Dev

不能使用 QUrl

来自分类Dev

不能使用 FloatingActionButton?

来自分类Dev

更改时的Javascript“选择”转到锚点(锚点ID是选择值)

来自分类Dev

滚动一点时跳转到该部分-反应

来自分类Dev

滚动一点时跳转到该部分-反应

来自分类Dev

如果哈希表使用单独的链接,为什么不能使用重复键?

来自分类Dev

转到锚点时如何使URL不添加#和ID

Related 相关文章

热门标签

归档