Jump to content
GreenSock

Vijay Seetaram Raju

overlapping issue with scroll trigger

Recommended Posts

hi, 

trying to achieve this type of horizontal scrolling like in reference by using scroll triggers and then as it continued. but its overlapping on other section .

the reference site is - https://www.ics.ac.jp/jointexhibition2021/en/

please suggest me,

See the Pen zYdYdPB by weavertext (@weavertext) on CodePen

Link to comment
Share on other sites

Hi Vijay,


It's often a lot easier to focus on one bit at a time.

I've taken the comparison section out for now and simplified down your styles.

You also don't need to register scrollTrigger twice. Just once is enough.

 

If you need to add the comparison section back in - focus on getting the styling right first, then add in JS.

See the Pen porodod?editors=1010 by GreenSock (@GreenSock) on CodePen

  • Like 2
  • Thanks 1
Link to comment
Share on other sites

  • 4 weeks later...

Hi cassie, 

 

Thank you thank you so much,, it helps a lot. 

 

you are absolutely correct have tried many things at a single time.. Thank you 

  • Like 1
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.
×