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

前端之家收集整理的这篇文章主要介绍了angularjs – 使用角度ui-router和ng-animate自动滚动到目标视图的滑动视图前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_403_4@
我正在使用AngularJS的ui-router和ngAnimate在移动设备中创建经典的滑动视图.

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

plunker

反正有没有避免这个?

@H_403_4@

解决方法

好吧,通常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

@H_403_4@ @H_403_4@

猜你在找的Angularjs相关文章