Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
davsev

Right to left horizontal scroll support

Recommended Posts

Hi, I have an horizontal rtl page, 
the indicators are all aligned to the left. 

the start and end are sticked together... 
have any one managed to work with the rtl horizontal scroll? 

 

thanks

See the Pen gOmYorv by davsev (@davsev) on CodePen

Link to post
Share on other sites
  • davsev changed the title to Right to left horizontal scroll support

Hi Davsev,

 

Firstly, I see you're using scrollMagic, we at GreenSock don't recommend ScrollMagic. Instead we recommend the official scroll plugin: ScrollTrigger! It's better in every way.

Here's a demo that should help.

See the Pen YzygYvM by GreenSock (@GreenSock) on CodePen



Happy tweening!

  • Like 3
Link to post
Share on other sites

 

Hey @davsev - welcome to the forums.

 

You also find an RTL-solution for a fake-horizontal scrolling ScrollTrigger like that one @Cassie pointed you to in this thread here

 

 

 

 

I gave it a shot trying to rework that pen to a native RTL-scroll with scrubbing ScrollTriggers and a mousewheel-scrolljack implemented like you have in your example, but I just had to rewire my brain and think the other way around when it came to the animations and start and end of the ScrollTriggers - because in the end the sections are in the DOM in the same order as in the HTML markup - I think this might not be the easiest to wrap your head around. Maybe @GreenSock can say something about RTL-support for ScrollTrigger?

 

See the Pen 92b6f43b7afa569e6a02ceb87248b83f by akapowl (@akapowl) on CodePen

 

  • Like 2
Link to post
Share on other sites

Ah! I missed the RTL aspect of this, thanks for spotting that @akapowl

  • Like 1
Link to post
Share on other sites

Thank you all for your responses!
I couldn't find any RTL related posts...
I think I will have to rewrite the indicators file...


Anyone have tried to do so before?

Link to post
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.

×