fullPage.js
fullPage.js copied to clipboard
Padding and ScrollOverflow issues
Hello, i've got a problem with scrolloverflow and your plugin. im using scrolloverflow:true
inside a section. but when i try to scroll up using a mousewheel to go back to the section before it got stuck and wont scrolling. but if i use keyboard it's works fine.
i use the newest version of fullpage js and scrollovervflow.
I can't reproduce the issue on the scrollOverflow demo page.
Can you please provide an isolated reproduction in jsfiddle or codepen, with no CSS or JS files external to fullPage.js and the minimum amount of HTML code. Use empty sections unless strictly necessary for the reproduction.
hello, seems like its a problem with css padding or margin. i try using your paddingtop option and it works fine. it's better if you include it on documentation, because seems like this bug happen to everyone using fixed navbar or footer. thanks for the reply
Thanks for clarifying it! I'll keep the issue open as a possible enhancement !
@alvarotrigo is this the same issue as the one below?
Website: https://www.johnwilliamquinn.com/home.html
Steps:
- Load website
- Scroll down to
secondPage
- Scroll up to
firstPage
Expected: The top padding remains.
Actual: The top padding is reduced/gone.
Note: If you reload the page, the padding will return.
@jwq1 not sure. I only check isolated reproductions here, but apparently @zynth17 said it was fixed by using the fullpages paddingTop
option. So try that out.
If you need premium support consider getting the Business license form the fullpage.js pricing page