[Scroll to specific section on horizontal scroll - ScrollTrigger]

@akapowl Thanks a lot. That solved the issue.

I really appreciate the time & effort you spend to fix my code. I'm not much familiar with plain javascript so it was a little difficult to understand how to calculate the exact value. Though I have only 1 week of experience with GreenSock library, I learned a lot. This is an awesome forum.  Special thanks for cleaning up my code. 😍
 

Once again, thanks a lot. I am grateful for your help. It means a lot to me. Thank you.
 

Regards,
Sree 

[Scroll to specific section on horizontal scroll - ScrollTrigger]

Hey @akapowl  Thanks for replying to my question.

 

2 hours ago, akapowl said:

Have you taken a look at the post I linked you to the last time?

 

Yes, I did but it didn't work at that time. But since you suggested, I decied to try again. That code throwed some errors & finally I found the real issue. It was gsap library causing the issue. I was using a version 3.4.2 & when I changed to verision 3.7.1 all codes seems to be working.

But I' not sure how to handle the menubar width. Adding +100 to scrollTop value seems working only for 1st section. Rest of the section scrolled to a diffrent postion each time.

See this CodePen

See the Pen bGWYeBG by DeCodeUI (@DeCodeUI) on CodePen

 

[Scroll to specific section on horizontal scroll - ScrollTrigger]

Hello,

 

I'm building a horizontal scroll website using scrollTrigger plugin. It works fine on mousewheel & mousedrag. But I need to scroll to specific sectons using <a> links & update the same to scrollTrigger plugin. I managed to click & scroll to specific section, but for some reason scrollTrigger won't work with mousewheel after this. I also noted that default mousewheel uses % values instead of px.

Pls refer to the codpen demo to see the issue.

I found a GreenSock demo on Codepen which uses anchor links, but that didn't worked for me. I'm a javascript newbie so any help would be very much appreciated. 

Thanks

See the Pen poPrEYM by DeCodeUI (@DeCodeUI) on CodePen

[Horizontal Scroll on mouse drag along with mousewheel.]

@akapowl  That awesome. Exactly what I needed. I have been trying to solve this issue for the past two days. Thanks a lot.

[Horizontal Scroll on mouse drag along with mousewheel.]

Helllo,

 

I was building a horizontal scrolling website (The whole website is horizontally scrolled).

Right now the horizontal scroll works fine with mousewheel. I also needs to do the same on mousedrag. I tried to add a custom function to do the same but it animate the whole sections scroll to end. Instead it needs to be excactly the same as mouswheel scroll. Any ideas or suggestions would be very helpful.

Thanks

See the Pen xxdLVaY by DeCodeUI (@DeCodeUI) on CodePen

[ScrollTrigger Scroll to a specific section on horizontal scrolling & disable horizontal scrolling on mobile.]

@akapowl Thank you. .matchMedia is awesome. It solved the major issue. Regarding scroll poston on horizontal scroll, now I understand it's bit challenging. I think the question link you have provided should work for my scroll postin probelm. I will try to work on it.

Thanks a lot for replying to my question.

[ScrollTrigger Scroll to a specific section on horizontal scrolling & disable horizontal scrolling on mobile.]

Hello,

I'm new to Greensock & I was trying to create a horizontal scrolling website using scrollTrigger(Whole website is horizontal scrolling). 
I have two problems to solve now:
1.Scroll to last section on clicking on a button ("Click to contact" button on codepen demo & scroll to <section #contact>..)
2. Disable horizontal scrolling on mobile (below 991px) & apply vertical scrolling.

I tried to implement some solutions other users posted on this forum, but didn't get anything working for me. I'm not much skilled in plain javascript (I was very happy with jQuery untill this project came). I hope someone can help me with this issue.

Thanks in advance.

See the Pen ExmZEjx by DeCodeUI (@DeCodeUI) on CodePen