Sticky headers stuttering when scrolling

[Templeteller]

Hi,

I currently have two sticky headers at the top of my page which I would like to remain fixed while the content of my pages scrolls under them.

However, in Firefox and Safari on the Mac the headers appear to jitter slightly upon scrolling. This does not happen in Chrome.

There was a previous post relating to this issue in Aug 2018 ( Sticky header stuttering on scroll > need it fixed (in pro)).

Is there now an easy fix for this?

Thanks

[ruenel]

Hello Michael,

Thanks for writing in! By default, the bars will be displayed relative to the page. As soon as your scroll the page, there is an event listener that checks the page scrolling. As soon as the next section (the slider container) hit the top of the page, x-bar-fixed class will be added into the bars so that it will becomes fixed on top. It takes a few milliseconds for the adding of the class and the styling to take effect which has caused this jitter. It you want to have a smooth transition, please add Trigger offset in your bar settings instead.

• 

Hope this helps.