Horizontal and Vertical Scroll

[swatip 3 Likes (Newbie)]

Hello,

I am trying to add horizontal and vertical scroll. 

First four slide should scroll horizontally and last slide should scroll vertically. In first 4 slides I don't have much content but in last slide I have lot of content so I need to add vertical scroll for the last slide.

Right now until 5th slide its working okay even I can scroll vertically too. but when I go to bottom of the 5th slide and try to scroll to top the the 5th slide it's going to previous slide means 4th slide instead of going to top of the 5th slide.

 

Can you please help? I tried but its not working.

 

Thanks in advance

See the Pen rNzaBOj by swatiparge (@swatiparge) on CodePen

[Cassie 5,658 Likes (Superhero)]

Hi Swatip,

It would be really handy if you just included the specific part you need help with as there's over 250 lines of JS here.

I've dug through and it looks like you'll need to write some custom logic for the fifth slide.
 

if(slideFrom[0].id = "slide05") {
  // do some custom logic!
} else if(sectionToIndex != 0) {
  slideTo = slides.eq(sectionToIndex - 1);
  moveToSlide(slideFrom, slideTo);
}

 

See the Pen YzxPGKG?editors=0011 by GreenSock (@GreenSock) on CodePen

 

You could maybe use scrollTrigger to find out when the scrolled content is at the top and only then fire off the moveToSlide function?

Delving into custom JS logic is a little out of the scope of these forums but I hope this set you in the right direction.

 

If you have questions about scrollTrigger we're happy to help!

[swatip 3 Likes (Newbie)]

Thank you so much.