angularjs - 带有 Angular ui-router 和 ng-animate 的滑动 View 自动滚动到目标 View

标签 angularjs ng-animate angular-ui-router

我正在使用 AngularJS 的 ui-routerngAnimate在移动设备中创建经典的滑动 View 。

我发现,在页面上同时存在两个 View 的过渡开始时,如果目标 View 超出了视口(viewport),它会首先跳转到该 View 位置,这给我们带来了这样有趣的效果:

plunker

有没有办法避免这种情况?

最佳答案

Angular UI-Router 最近更新了它的应用程序,以便它自动向下滚动到默认加载的新 View 。这导致我的应用程序页面向下滚动加载。要关闭此功能,只需将以下属性添加到您的 ui-view:

<div ui-view="header"  autoscroll="false"></div>

关于angularjs - 带有 Angular ui-router 和 ng-animate 的滑动 View 自动滚动到目标 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21336796/

相关文章:

angularjs - 如何向 angularjs uib-alert 指令添加动画

javascript - 使 Controller 变量作为 Angular 状态的页面标题

javascript - For 循环以错误的顺序返回 Promise

javascript - 在 Angular 中模拟异步操作

javascript - Angular 动画 View 转换取决于起点和终点

javascript - AngularJS 为同一个 URL 路由多个 ui View ?

javascript - Angular 路由问题 - ionic header 未在选项卡中更新

javascript - 如何在 ui-sref 中转义 UI 路由器参数

javascript - Angular 插件 ZeroClipboard 不工作

javascript - ngAnimate 动画不显示