search

alvarotrigo / fullPage.js

fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple
http://alvarotrigo.com/fullPage/
GNU General Public License v3.0
35.21k stars 7.3k forks source link

Padding and ScrollOverflow issues #3780

Closed hi-reeve closed 3 weeks ago

hi-reeve commented 4 years ago

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.

alvarotrigo commented 4 years ago

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.

hi-reeve commented 4 years ago

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

alvarotrigo commented 4 years ago

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

jwq1 commented 4 years ago

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

alvarotrigo commented 4 years ago

@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 commented 3 weeks ago

This issue no longer takes place in fullPage.js version 4. So I'll close the issue.