Hi - I am using Fullpage.js and am having an issue on Mobile where my sections aren’t taking into account the Safari Address bar. The sections extend beneath the bar - which means my bottom aligned text appears in a different position depending on if you scroll down or back up through the sections:
Edit: the same issue is visible in chrome too.
Having investigated - my section heights don’t seem to be calculated in the same way as other sites using fullpage - where the inspector shows for example: element.style {height:1020px;}. On My site there is no calculated height.
I have read that absolutely positioned elements / use of overflow:hidden can cause this but nothing I have tried makes any difference.
I have tried:
-Using 100vh / 100% on the wrapper and sections.
-Removing absolutely positioned elements from sections / setting overflow:hidden (as per this)
-Setting -webkit-fill-available on the body;
-Various Fullpage options
Any help greatly appreciated!
Thanks.