Scroll normally after last fullPage section?

[PivotMatt]

Hello -- great plugin ... we use it a lot! We are using fullPage for a vertically-scrolling gallery at the top of a website but would like the rest of the site content (below the gallery) to scroll normally once the last section of the fullPage gallery is viewed. Is this possible?

[alvarotrigo]

The only way to achieve that is placing your "whole website" (normal scroll part of the site) in the last section of fullPage.js and then using scrollOverflow:true to create a scroll bar in that last section as in this example.

That way you would be kind of replicating the effect you want.

[PivotMatt]

Thank you for your quick response! We did that earlier but it was causing some other unrelated issues so thought there might be another solution. Thanks again!

[alvarotrigo]

Unfortunately not.
This is at the end of the day a fullscreen slider :)

[knoxjr]

@PivotMatt I was wondering about it and did this solution:
This should work as you expect. Enjoy

[PivotMatt]

@knoxjr Thanks so much for working out a solution. We ended up with a solution similar to what @alvarotrigo suggested re: placing the rest of the website in the last slide. After all of the trouble the client decided to move in a different direction with the design. Good times.

Thanks again!

[tomferrall]

@knoxjr hi, your solution is potentially just what I need. I was hoping you'd be able to elaborate a bit and share the rest of the markup?

This is doesn't seem to be having any affect at the moment but I'm wondering if my HTML might be wrong.

Thanks

[alvarotrigo]

@tomByrer what don't you understand from my reply?

[tomferrall]

@alvarotrigo was that meant for me? If so, I totally understand the scrollOverflow solution, I was just interested to see how another solution might work.

[alvarotrigo]

@tomferrall the other solution won't be 100% bulletproof. There's a reason why the feature doesn't exist in fullPage.js :)
It won't look smooth with kinetic scrolling devices and the change from autoScrolling to free scrolling won't be ideal.

[tomferrall]

@alvarotrigo Yeah that's a really good point. Shame because https://alvarotrigo.com/fullPage/extensions/scroll-horizontally.html is exactly what I want but with a 'normal' site below it.

I just worry using scrollOverflow won't work as the rest of the page will include a lot of scroll activated animations. Also would be handy using your built in carousel video playing as well!

Maybe I'll just change the designs!

[knoxjr]

I had the same question in the past. And I think, I made the solution that @tomferrall is looking for.
here the example

[alvarotrigo]

@knoxjr uh! That doesn't look bad at all! Thanks for sharing it man!
I guess there's of course less friction implementing it when using scrollBar:true as you are doing!

I'll definitely take a second look at this feature!