Menu icon Foundation
Sticky goes to bottom on mobile

Sticky gets stuck on bottom on mobile if i reload the page or go to link that is not on the top of the page. Like anchor links that link to content on other pages to the content that is in the middle of the page.

It happens using this example

https://foundation.zurb.com/building-blocks/blocks/topbar-sticky-shrink.html

And read about it even here but never found the solution.

 

 

To reproduce the bug, resize the browser to small break-point then scroll to the bottom of the content and hit reload.

 

stickybottom

Sticky gets stuck on bottom on mobile if i reload the page or go to link that is not on the top of the page. Like anchor links that link to content on other pages to the content that is in the middle of the page.

It happens using this example

https://foundation.zurb.com/building-blocks/blocks/topbar-sticky-shrink.html

And read about it even here but never found the solution.

 

 

To reproduce the bug, resize the browser to small break-point then scroll to the bottom of the content and hit reload.

 

Vladan Krstic 6 months ago

Okay its also documented here

https://github.com/zurb/foundation-sites/issues/11098

So if there are some workarounds I would appreciate it so much.