这是我遇到的影响GSAP ScrollTrigger动画的场景:
我有一个主页加载和动画。当我向下滚动主页时，滚动触发器行为正常。当我到达底部并决定使用导航栏导航到另一个页面时(我在这里使用Nextjs<Link>组件)，它会将我发送到新页面，但从新页面的底部开始，并快速滚动到新页面的顶部。
这是一个问题，因为它同时触发了该页面的所有GSAP动画。
是否有一种方法可以切换到一个新页面，但从顶部开始-而不是从你在y轴位置开始滚动到新页面的顶部?
实际上发生的是当我点击<Link>组件，我的视口的y轴位置在页面转换期间保留。当我进入新页面时，我仍然在前一页的y轴位置上，但是它会滚动到顶部。这很糟糕，因为它触发了我所有的GSAP动画。
没关系，我解决了!
我需要用scroll-behavior: auto !important;覆盖scroll-behavior: smooth;。
我基本上把scroll-behavior: auto !important;放在根:root {}。