angularjs – 使用角度ui-router和ng-animate自动滚动到目标视图

发布时间：2020-12-17 17:53:02 所属栏目：安全来源：网络整理

导读：我正在使用AngularJS的ui-router和ngAnimate在移动设备中创建经典的滑动视图. 我发现在转换开始时,当两个视图都存在于页面上时,如果目标视图在视图端口之外,它将首先跳转到该视图位置,这给我们带来了这样的有趣效果： plunker 反正有没有避免这个？解决方法

我正在使用AngularJS的ui-router和ngAnimate在移动设备中创建经典的滑动视图.

我发现在转换开始时,当两个视图都存在于页面上时,如果目标视图在视图端口之外,它将首先跳转到该视图位置,这给我们带来了这样的有趣效果：

plunker

反正有没有避免这个？

好吧,通常Angular使用$anchorscroll滚动到一个新视图.可以通过在模块上调用.value(‘$anchorScroll’,angular.noop)来禁用它,如下所示：

var app = angular.module('app',[
        'ui.router','ngAnimate'
    ]).value('$anchorScroll',angular.noop);

但是,UI-Router使用自己的.我通过告诉UI-Router使用(现已禁用)$anchorScroll来禁用它：$uiViewScrollProvider.useAnchorScroll();

Here is the updated plunker

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!