问题描述
我正在使用GSAP运行React应用(CRA)。我对React还是很陌生,所以我不了解React的来龙去脉。我回到页面后有关于刷新/重新运行gsap动画的问题。因此,例如,如果我在主页上并浏览该页面,则动画效果完美。但是,如果我导航到另一个页面,然后通过后退按钮或仅通过导航链接返回首页,则该动画不起作用,并且看不到任何内容。我使用tl.kill()解决了动画标记/内容结转到不同页面的问题(尽管我不认为tl.kill()是正确的方法。)我使用了tl.refresh然后在我的内部启用了tl.enabled useEffects()钩子可以重新初始化动画,但这也不起作用。 我还在时间线动画的每个UseEffects挂钩中都编写了返回函数,但这不能解决我的问题。
有没有办法在有人返回页面后重新启用动画(例如homepg)?再次感谢你们,我真的很感激。
我附上了代码简化版的代码沙箱,目的是为了给大家一个更好的主意。非常感谢你们的任何反馈/帮助/帮助!
这是我的密码和框:https://codesandbox.io/s/page-transition-omgpq?file=/src/App.js
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)