paddingTop issue when scrolling back up

[AmanSahota]

The problem I am having is mainly with the fixed header and scrolling back up to the website.

The fixed header is as follows:

header { position: fixed; top: 0; z-index: 99; background: black; width: 100%; }

I am using some padding top to create the space at the top of the sections:

.section { padding-top: 100px; }

Everything seems to work fine as expected, however when I scroll down the site and then scroll back up the "padding-top: 100px" seems to sit behind the fixed header? It only happens on the first section.

Here is a link: http://php.aprilsix.com/purestorage/107634/

Versions

[Firefox 60.0.2, macOS Sieera, MacBook Pro (Retina, 13-inch, Early 2015)]

[alvarotrigo]

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

Also, try to use the latest fullpage.js verison. 3.0.1, as version 2 won't be maintained anymore. So, in case there's a bug, it will get solved in version3, not version 2.

[AmanSahota]

Thanks for responding.. I have set that up here: https://codepen.io/AmanSahota/pen/XYoYrv

I kept everything in because I am not entirely sure what's causing the section 1 issue

[alvarotrigo]

Hey @AmanSahota , could you please remove any content inside any section to simplify the task of finding the issue? Also please remove any CSS or JS that doesn't belong to fullpage.js

Check my article here regarding how to create an isolated reproduction: https://alvarotrigo.com/blog/how-not-suck-at-asking-coding-questions/

[alvarotrigo]

Closed until an isolated reproduction is provided as detailed in the reporting issues guidelines and the issue skeleton.

[AmanSahota]

I've moved to a new issue as this is closed - #3305