Sticky nav bar flickers when scrolling slowly

Solution 1:

In order to make it works, please make the next things:

  1. Add position sticky (and other styles) to this element:

enter image description here

2A. Remove the code that toggle between .affix and .affix-top

OR:

2B 1. If you can't do step 2A, you can add this height instead (in order to make affix and affix-top to be with the same height):

enter image description here

2B 2. Remove position: fixed from affix and position static from affix-top (they don't need positions cause we set position to their parent)

In addition, I don't know if it's third party code or not but please try to not use !important property. It's hard to set style for those elements.