Valerie Posted January 31 Share Posted January 31 In this example, the panels are set to 100vh, and at normal browser settings the component is behaving as expected. The issue is when the user is zoomed in to 150%, some of the content becomes cut off and unavailable in panel 2. Is there a fix or best practices for this issue, or how do I best approach to achieve WCAG Level AA ? See the Pen JjzLPZg by vyeltman (@vyeltman) on CodePen Link to comment Share on other sites More sharing options...
Solution Rodrigo Posted January 31 Solution Share Posted January 31 Hi @Valerie and welcome to the GSAP Forums! Just some minor changes to the CSS and to ScrollTrigger's start point and it should work as you expect: See the Pen RwdMPMr by GreenSock (@GreenSock) on CodePen Is just about checking the height of the panel when the ScrollTrigger instance is either created or refreshed (that's what function-based values are super useful for). Hopefully this helps. Happy Tweening! 1 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