当我推/弹出路线时,它会滚动到离开页面的首页,看上去很糟糕。
这是一个演示:https://dbrebirth.zaba.ovh/
如果您向下滚动一点然后单击帖子之一,或者您向下滚动详细信息然后回击,您将看到我在说什么。
我尝试为输入/离开动画设置不同的位置,但是它们都无法正常工作。
export const forward = [
query(':enter', style({ position: 'fixed', top: '0', width: '100%', height: '100%', }), { optional: true }),
query(':leave', style({ position: 'relative' }), { optional: true }),
group([
query(':enter', [
style({ opacity: 0, transform: `translateY(100%)` }),
animate('4.2s ease-in', style({ opacity: 1, transform: 'translateY(0%)' }))
], { optional: true })
])
];
export const backward = [
query(':leave', style({ position: 'fixed', top: '0', width: '100%', height: '100%' }), { optional: true }),
query(':enter', style({ position: 'relative' }), { optional: true }),
group([
query(':leave', [
style({ opacity: 1, transform: 'translateY(0%)' }),
animate('4.2s ease-out', style({ opacity: 0, transform: 'translateY(100%)' }))
], { optional: true })
])
];
我的离开页面保持滚动位置,我的进入页面将滚动到顶部。