AngularJS Navbar UI路由器

Question

我目前正在創建一個angularjs應用程序，但我的路線遇到了麻煩。 我使用的是UI-Router，點擊不同的路線時，頁面會刷新視圖所在的位置，而不是導航欄位於之外的位置。

有誰知道如何解決這個問題？ 我真的希望該站點在單擊路線時從頁面頂部開始。

這是我的路線代碼：

.config(function($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/home');
$stateProvider
    .state('home', {
        url: '/home',
        templateUrl : 'views/home.html'
    })
    .state('work', {
        url: '/work',
        templateUrl : 'views/work.html',
        controller: 'workCtrl'
    })
    .state('about', {
        url: '/about',
        templateUrl : 'views/about.html'
    })
    .state('solution', {
        url: '/solution',
        templateUrl : 'views/solution.html'
    })
    .state('contact', {
        url: '/contact',
        templateUrl : 'views/contact.html',
        controller: 'contactCtrl'
    })
    .state('case_study', {
        url: '/case_study',
        templateUrl : 'views/case_study.html'
    })
     });

我的索引文件：

    <div ng-include src="'views/global/navbar.html'"></div>

         <div ui-view></div> 

<!-- FOOTER -->
<div ng-include src="'views/global/footer.html'"></div>

Answer 1

也許您正在使用Ui-Router 0.2.8（或更高版本）。 如果查看發行說明 ，您會發現：

一個非常需要的功能：autoscroll屬性。 就像ngInclude一樣，這會向uiView添加autoscroll =“ expr”屬性。 它還使用自定義提供程序替換uiView中的$ anchorScroll調用，該提供程序將附加到uiView的元素滾動到當前視圖中。 通過自動滾動到激活的uiView，而無需操縱錨點，這將為設計人員提供更好的調整。 調用$ uiViewScrollProvider.useAnchorScroll（）將恢復當前行為或調用$ anchorScroll