我使用GSAP和Nuxt3实现了转换。过程我遇到了一个现象,ASScroll的滚动变换值在过渡后变成了0。发生这种情况时,页面会在转换后返回到页面顶部,这看起来不太好,而且看起来断断续续。
想在页面转换开始后立即将变换值设置为0(我想将其返回到页面顶部)。
解决方法
按如下方式设置ASScroll
重置时序会产生理想的行为。
watch(
() => transitionState.transitionComplete,
(newValue) => {
$asscroll.enable({ reset: true });
if (newValue) {
ctx.value = $gsap.context((self) => {
//杂项处理
}, main.value); // <- Scop
}
}
);
注意:如果使用onMounted
包围此watch,它将不会按预期运行。