javascript – Angular:更改视图时禁用滚动到顶部

前端之家收集整理的这篇文章主要介绍了javascript – Angular:更改视图时禁用滚动到顶部前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
假设我有一个大标题,以便ng-view指令在页面显示.就在这个ng-view之前,我有一种触发角度路由的菜单,因此改变了视图.
我的问题是,无论何时触发路由,页面都会滚动到顶部,因此部分不在视口中.

这是我的路线:

angular.module('portfolio',[])
  .config(function ($routeProvider,$anchorScrollProvider) {
    $anchorScrollProvider.disableAutoScrolling();
    $routeProvider
      .when('',{
        templateUrl: 'portfolio/index.html',controller: 'PortfolioListCtrl'
      })
      .when('/portfolio/:project',{
        templateUrl: 'portfolio/detail.html',controller: 'PortfolioDetailCtrl'
      })
      .otherwise({redirectTo: ''});
  });

我有$anchorScrollProvider.disableAutoScrolling();把它似乎不起作用.

有人有想法吗?

解决方法

@H_301_14@ 文档在这一点上有点混乱,我记得有同样的问题.显然ng-view使用$anchorScroll服务,所以你可以通过在模块中覆盖它来禁用它:
angular.module('portfolio').value('$anchorScroll',angular.noop);
原文链接:https://www.f2er.com/js/157139.html

猜你在找的JavaScript相关文章