fullPage.js icon indicating copy to clipboard operation
fullPage.js copied to clipboard

Padding and ScrollOverflow issues

Open hi-reeve opened this issue 4 years ago • 5 comments

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.

hi-reeve avatar Oct 17 '19 10:10 hi-reeve

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.

alvarotrigo avatar Oct 17 '19 15:10 alvarotrigo

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

hi-reeve avatar Oct 18 '19 02:10 hi-reeve

Thanks for clarifying it! I'll keep the issue open as a possible enhancement !

alvarotrigo avatar Oct 18 '19 08:10 alvarotrigo

@alvarotrigo is this the same issue as the one below?

Website: https://www.johnwilliamquinn.com/home.html

Steps:

  1. Load website
  2. Scroll down to secondPage
  3. 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 avatar Sep 03 '20 19:09 jwq1

@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

alvarotrigo avatar Sep 03 '20 19:09 alvarotrigo