Sticky navigation element jumps during scroll

Question

In Firefox especially, I\'ve run into an issue I can\'t figure out how to fix.

On the following page, when scrolling down the page jumps several times - mainly on s

Answer 1

You need to have a placeholder when your nav goes from relative to fixed. Therefore you need to make a new div.

jQuery(".nav").wrap('
');
    jQuery(".nav-placeholder").height(jQuery(".nav").outerHeight());


    jQuery(".nav").wrapInner('
');

Remember to change ".nav", "nav-inner" and "nav-placeholder" to your desire.

For a fully functional sticky nav, check my website: http://www.swegre.se/