如何更改页面并在点击链接时转到页面顶部。 ui-router angularjs

Question

我有一个像这样的品牌列表：

<table>
    <tr ng-repeat="x in Brands">
        <a ui-sref="Brand({ BrandID: x.id })">{{ x.name }}</a> </h4> 
        <table>
            <tr ng-repeat="sc in x.subcategories | orderBy:'scname' ">
                <td><a ui-sref="Brand({BrandID: x.id, scrollTo: sc.scid})">{{sc.scname}}</a> </td>
            </tr>
        </table>
    </tr>
</table>

这是移动到品牌特定子类别的逻辑。

sampleApp.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
    .state('Brand', {
        templateUrl: "templates/Products.html",
        url: '/Brand/:BrandID/:scrollTo',
        controller: 'ProductsController as pc',
        onEnter: function ($location, $stateParams, $anchorScroll, $timeout) {
            $timeout(function() { 
                $location.hash($stateParams.scrollTo);
                $anchorScroll()
            }, 100)
        }
    });
});

当用户点击此链接时（带scid的品牌名称）

<a ui-sref="Brand({BrandID: x.id, scrollTo: sc.scid})"> 

我能够访问页面的特定部分。

但是当用户点击:(仅限品牌名称）

时

<a ui-sref="Brand({ BrandID: x.id })">{{ x.name }}</a> </h4> 

我想更改页面并转到页面顶部。但是改变页面正在发生，它不会在页面顶部。

使其发挥作用需要进行哪些更改？