angularjs - Angular JS ng-view改变商店滚动位置

标签 angularjs angularjs-scope ng-view

我使用按钮单击将路由更改为下一页。 Angular JS 保留滚动位置并且不会滚动到 ng-view 的顶部。 1. 禁用 $anchorScroll 不起作用 2. 使用窗口滚动不起作用

$rootScope.on("$routeChangeSuccess", function(){
     window.scrollTo(0,90);
})

但是,为了在 iPad 上保留修复标题,可以使用以下窗口滚动。

$(document).on('blur', 'input, textarea', function() {
                    setTimeout(function() {
                        window.scrollTo(document.body.scrollLeft,document.body.scrollTop);
                    }, 0);
                });

有什么建议吗? angualar js View 如何清除存储的滚动位置?

最佳答案

您想要的不是禁用 anchorscroll,而是启用它。您可以使用以下代码实现您想要的:

<div data-ng-view data-autoscroll="true"></div>

或:

<div data-ng-view data-autoscroll></div>

正如 AngularJS docs 中指出的那样.

关于angularjs - Angular JS ng-view改变商店滚动位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23521267/

相关文章:

javascript - 在 AngularJS/ngAnimate 中显示/隐藏时向左/向右滑动动画

javascript - 如何在不抛出错误的情况下从 Promise 中正确冒泡错误?

javascript - 使用字符串与属性名称进行 Angular 绑定(bind)

javascript - kendo-combo-box 与 angularjs

angularjs - 无法从 angularjs 失败 $resource 回调中获取自定义 header

javascript - 如何访问angularjs中 promise 函数之外的对象

javascript - 基本 Yeoman Angular Todo 应用程序中的范围问题

javascript - Angular - 在 ng-view 中附加并执行脚本,然后再附加其中的模板内容

javascript - Angular ngView 不显示页面

angularjs - 文档元素错误后 Firefox Junk 上的 Angular.JS