Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在angularjs ng视图中禁用$anchorScroll_Javascript_Angularjs - Fatal编程技术网

Javascript 如何在angularjs ng视图中禁用$anchorScroll

Javascript 如何在angularjs ng视图中禁用$anchorScroll,javascript,angularjs,Javascript,Angularjs,我为引导选项卡创建了一个指令,以显示选项卡并根据作为更改选择参数传入的url切换路由 每次单击选项卡时,视图加载并将整个页面滚动到顶部。我试图禁用页面滚动,但无论我尝试什么,我都无法让它工作 非常感谢您的帮助 JS代码: HTML: 是否将/路径映射到模板?如果没有,则当您单击选项卡时,ng view将删除t1.html的内容,这将迫使浏览器降低页面高度,并可能导致您认为它正在滚动到顶部 要进行快速测试,请将/trends路径添加到路由提供程序,并查看是否没有发生滚动 $routeP

我为引导选项卡创建了一个指令,以显示选项卡并根据作为更改选择参数传入的url切换路由

每次单击选项卡时,视图加载并将整个页面滚动到顶部。我试图禁用页面滚动,但无论我尝试什么,我都无法让它工作

非常感谢您的帮助

JS代码:

HTML:



是否将/路径映射到模板?如果没有,则当您单击选项卡时,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>