Jump to content
Search Community

ScrollTrigger scale element glitch

Yunus Emre test
Moderator Tag

Recommended Posts

Hey!

There is no problem in codepen or codesandbox. But I have the problem in my locale project and live website with the same codes. 

When going all the way down in page and pinned elements end point crossing viewports end point, then scroll up again and when plus svg icon gettin smaller, you can see a glitch with left and right side of the svg. I think svg gets more shrink than it needs to be and gets back to correct width while cointinuing to shrink.

You can see the problem at: osmanthewho.vercel.app

 

By the way normally there was much more element on the page. And before removing them I had one more problem. After setting ScrollTrigger pin: true

The animation works but in another viewport size (on mobile for example), pinning breaks the whole page scrolling behavior and I can't scroll through page even when pinned element not on the viewport. But I can hit space/shift+space to scroll up and down and animation works also. Why is this happening?

 

Thanks in advance!

 

https://codesandbox.io/s/small-fog-gonju?file=/pages/index.js

See the Pen BaZBMGE?editors=0110 by ynsmrsk (@ynsmrsk) on CodePen

Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...