通过滚动恢复在角度路线转换方面遇到问题

时间:2019-06-04 18:37:14

标签: angular transition

当我推/弹出路线时,它会滚动到离开页面的首页,看上去很糟糕。

这是一个演示: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 })
    ])
];

我的离开页面保持滚动位置,我的进入页面将滚动到顶部。

0 个答案:

没有答案