Jump to content
Search Community

overlapping issue with scroll trigger

Vijay Seetaram Raju test
Moderator Tag

Recommended Posts


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...

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...