Skip to content

Scroll normally after last fullPage section? #3205

Closed
@PivotMatt

Description

@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?

Activity

alvarotrigo

alvarotrigo commented on Apr 19, 2018

@alvarotrigo
Owner

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

PivotMatt commented on Apr 19, 2018

@PivotMatt
Author

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

alvarotrigo commented on Apr 19, 2018

@alvarotrigo
Owner

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

knoxjr

knoxjr commented on Oct 25, 2018

@knoxjr

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

screen shot 2018-10-25 at 3 54 12 pm

PivotMatt

PivotMatt commented on Oct 26, 2018

@PivotMatt
Author

@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

tomferrall commented on Jan 10, 2019

@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

alvarotrigo commented on Jan 10, 2019

@alvarotrigo
Owner

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

tomferrall

tomferrall commented on Jan 10, 2019

@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

alvarotrigo commented on Jan 10, 2019

@alvarotrigo
Owner

@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

tomferrall commented on Jan 10, 2019

@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

knoxjr commented on Jan 10, 2019

@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

alvarotrigo commented on Jan 10, 2019

@alvarotrigo
Owner

@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!

22 remaining items

Loading
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @alvarotrigo@honeyamin@PivotMatt@dev-jaydeep@WilliamSf

        Issue actions

          Scroll normally after last fullPage section? · Issue #3205 · alvarotrigo/fullPage.js