使用 .scrollTop() 时 Div 闪烁

Question

我使用 jQuery 向我的标题添加一个类，使其在滚动 300 像素后固定在窗口顶部。然而，粘性标题出现但有很多闪烁。

在我尝试的每个浏览器上似乎都一样。

jQuery(window).scroll(function () {
    var scroll = jQuery(window).scrollTop();

    if (scroll >= 300) {
        jQuery('.mkd-page-header').addClass('fixed-header');

    } else {
        jQuery('.mkd-page-header ').removeClass('fixed-header');
    }
});

示例：http://waysidecamping.madebyidm.co.uk/dev/

我见过很多类似的问题，但没有一个对我有用。