jquery - Safari 中的“粘性”导航栏损坏

Question

我正在尝试使用此代码制作“粘性”导航栏。当我在 Safari 中查看它时，它坏了（当我向下滚动大约 10 像素时，我的浏览器会跳转到向下约 350 像素的导航栏）

$(document).ready(function() {

    //Calculate the height of <header>
    //Use outerHeight() instead of height() if have padding
    var aboveHeight = $('header').outerHeight();

//when scroll
    $(window).scroll(function(){

        //if scrolled down more than the header’s height
            if ($(window).scrollTop() > aboveHeight){

        // if yes, add “fixed” class to the <nav>
        // add padding top to the #content
            (value is same as the height of the nav)
            $('nav').addClass('fixed').css('top','0').next()
            .css('padding-top','60px');

            } else {

        // when scroll up or less than aboveHeight,
            remove the “fixed” class, and the padding-top
            $('nav').removeClass('fixed').next()
            .css('padding-top','0');
            }
    });
});