我已经为Angular 2设置了一个用于路由器转换的动画 . 一切都运转良好,直到我从一个页面导航,然后被贬低 . 转换后,新网站向下滚动到另一个或在底部向右滚动,因为它的内容较少 . 我可以在ngInit中使用window.scroll(0,0),但是如果我这样做的话,那个动画离开且仍然可见的页面也将滚动到顶部,这看起来很荒谬 .
有没有人有同样的问题和解决方案?
这是我的动画:
trigger('routerTransition', [
state('void', style({position:'absolute', width:'100%', height:'100%', opacity: 0}) ),
state('*', style({position:'absolute', width:'100%', height:'100%', opacity: 1}) ),
transition(':enter', [
style({transform: 'translateY(15%)', opacity: 0}),
animate('0.4s ease-in-out', style({transform: 'translateY(0%)', opacity: 1}))
]),
transition(':leave', [ // before 2.1: transition('* => void', [
style({transform: 'translateY(0%)'}),
animate('0.4s ease-in-out', style({transform: 'translateY(-15%)', opacity: 0}))
])
])
希望有人可以帮助我 .