You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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?
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.
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!
@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.
@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.
@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.
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!
@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!
Activity
alvarotrigo commentedon Apr 19, 2018
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 commentedon Apr 19, 2018
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 commentedon Apr 19, 2018
Unfortunately not.
This is at the end of the day a fullscreen slider :)
knoxjr commentedon Oct 25, 2018
@PivotMatt I was wondering about it and did this solution:
This should work as you expect. Enjoy
PivotMatt commentedon Oct 26, 2018
@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 commentedon Jan 10, 2019
@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 commentedon Jan 10, 2019
@tomByrer what don't you understand from my reply?
tomferrall commentedon Jan 10, 2019
@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 commentedon Jan 10, 2019
@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 commentedon Jan 10, 2019
@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 commentedon Jan 10, 2019
I had the same question in the past. And I think, I made the solution that @tomferrall is looking for.
here the example
alvarotrigo commentedon Jan 10, 2019
@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