yeu Posted November 4, 2021 Share Posted November 4, 2021 Hi, everybody! When I used Timeline to write the page, I set 'scrub: true,' and 'Pin: true'. When the scroll bar ends the animation and returns to the animation again, the page will shake slightly. See the Pen dyzdJRd by mullyeux (@mullyeux) on CodePen Link to comment Share on other sites More sharing options...
Cassie Posted November 4, 2021 Share Posted November 4, 2021 HI @yeu, Thanks for including a demo. It's hard to tell just from a JS snippet alone. Animation performance and issues are usually down to layout and CSS. Glancing at this I would guess that maybe the filter is causing perf issues - but again. Impossible to tell without context. If you can add in the relevant HTML and CSS that would be great! Thanks! Link to comment Share on other sites More sharing options...
yeu Posted November 5, 2021 Author Share Posted November 5, 2021 @Cassie Thank you very much for your answer. I to modify the code of the problem, but unfortunately did not show effect, because the file path is my local, I can't upload "CodePen," I'm sorry, but I very want to learn to understand gsap this powerful animation library, but I am a Chinese, the document is arduous, so trouble says the problem in my code, thank you very much! Link to comment Share on other sites More sharing options...
OSUblake Posted November 5, 2021 Share Posted November 5, 2021 It looks like you are trying to use Vue or Nuxt, which you can use CodeSandbox for. And you don't need to include images. Just use placeholder images or colored boxes. https://codesandbox.io/ Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now