Fullpage.js 通过水平向下滚动和在一个部分再次完成水平滚动后向下滚动？

Question

With Fullpage.js i would like to only use Scrolling down to navigate to next page which is horizontally. On one Page I would like to go down a few slides, navigate vertically. After these are finished I would like to go to next slide which is horizontally again.

I got it working when my Slide which is going to scroll vertically is the last slide. But cannot get it to work when it's in the middle of the slides.

I made a picture to show what i mean:

Answer 1

Your approach is not the right one. The image should look like this instead:

That is, 3 vertical sections. The fist and last sections with with 2 horizontal slides each.

This way you will only need to make use of the fullPage.js extension called Scroll Horizontally and you'll have exactly what you want.

1. Scroll down from 1 will lead to 2.
2. Scroll down from 2 will lead to 3.
3. Scroll down from 3 will lead to 4.
4. Scroll down from 4 will lead to 5.