如何使用#anchor name禁用autlroll for url:AngularJS

时间:2017-05-25 16:01:23

标签: javascript html angularjs angular-ui-router

我在autoscroll中添加了ui-view属性,因此每当加载新视图(页面)时,它都会自动滚动到顶部。但是,我想以这样的方式添加一个例外,即具有锚名称的url为ex。 page1#section2页面不应自动滚动。

以下是供您理解的代码段。

的index.html

<body ng-app="MyApp">
<div class="container-fluid">
    <header>
        <top-navi></top-navi>
    </header>
    <ui-view autoscroll></ui-view>  
</div>
</body>

其中一个模板代码

<a ui-sref="portfolios" ></a>
<!-- Equivalent to calling /portfolios. Here page auto scrolls as expected-->
<a ui-sref="portfolios({'#': 'id1'})" >Explore</a>
<!-- Equivalent to calling /portfolios#id1 Here the page should not auto scroll-->

任何人都可以告诉我如何以最简单的方式使用AngularJS 1.x实现这一目标。

0 个答案:

没有答案