Javascript 如何在angularjs ng视图中禁用$anchorScroll
我为引导选项卡创建了一个指令,以显示选项卡并根据作为更改选择参数传入的url切换路由 每次单击选项卡时,视图加载并将整个页面滚动到顶部。我试图禁用页面滚动,但无论我尝试什么,我都无法让它工作 非常感谢您的帮助 JS代码: HTML:Javascript 如何在angularjs ng视图中禁用$anchorScroll,javascript,angularjs,Javascript,Angularjs,我为引导选项卡创建了一个指令,以显示选项卡并根据作为更改选择参数传入的url切换路由 每次单击选项卡时,视图加载并将整个页面滚动到顶部。我试图禁用页面滚动,但无论我尝试什么,我都无法让它工作 非常感谢您的帮助 JS代码: HTML: 是否将/路径映射到模板?如果没有,则当您单击选项卡时,ng view将删除t1.html的内容,这将迫使浏览器降低页面高度,并可能导致您认为它正在滚动到顶部 要进行快速测试,请将/trends路径添加到路由提供程序,并查看是否没有发生滚动 $routeP
是否将/路径映射到模板?如果没有,则当您单击选项卡时,ng view将删除t1.html的内容,这将迫使浏览器降低页面高度,并可能导致您认为它正在滚动到顶部
要进行快速测试,请将/trends路径添加到路由提供程序,并查看是否没有发生滚动
$routeProvider.when("/", {
templateUrl: "t1.html",
controller: 'T1Ctrl'}
).when("/tendencies", {
templateUrl: "t1.html"});
希望这有帮助我最终向选项卡内容div添加了样式。这可以防止调整div的大小和浏览器刷新。所以毕竟这和angularjs没有关系 更改自:
<div class="tab-content">
<div data-ng-view></div>
</div>
致:
是的,我提取并修改了代码,这就是示例中没有代码的原因。您是否能够通过更简单的设置(最低限度,不使用bootstrap.js)重现问题?我假设这个问题不是特定于浏览器的。我添加了github repo。我将尝试在那里复制它。
$routeProvider.when("/", {
templateUrl: "t1.html",
controller: 'T1Ctrl'}
).when("/tendencies", {
templateUrl: "t1.html"});
<div class="tab-content">
<div data-ng-view></div>
</div>
<div class="tab-content" style="min-height: 500px">
<div data-ng-view></div>
</div>