Site logo

Archived topic

Smooth Scrolling with Sticky Nav in transition (mobile)

3 replies · Started by Gian Paolo on September 2, 2021

Viewing posts 1–4 of 4

Hello, I've seen different posts on this topic, but I was not able to find the exact match with my problem. Apologies if this has been already discussed and explained.

My configuration is GP 3.0.4 and GP Premium 2.0.3 / Sticky Nav on / Smooth Scrolling on / One-Page style homepage.

Assuming that the home page just loaded on a mobile device, the sticky nav is not present yet. The homepage hero contains a button that links to an anchor point below the hero on the same page.
At the click of the button the page scrolls smoothly to the anchor point, but while scrolling the sticky nav appears and, by the time the scroll reaches the anchor, it positions itself on top of the anchored div.

Any smooth scroll, starting with the sticky nav already visible, is managed perfectly with the proper offset. The problem is only while the smooth scroll happens at the same time as a sticky nav transition from non-visible to visible (regardless what is the transition style).

Hope my description is clear.
Thanks in advance.

Hi there,

the simplest fix woiuld be to move the #join HTML Anchor to either the cover block, or an empty element placed before it.

Yes true, in facts that is what I ended up doing on another website.

I thought there was something wrong with my configuration of GP or there was a different solution.

Cool, thanks a lot.

Glad to be of help

This archived topic is closed to new replies.