在滚动问题上向下滑动菜单

我有一个菜单，当你滚动到某个点时，它看起来很好，但有时向上或向下滚动时它会在页面上留下白色标记，文本有时会移动，通常是当它碰到某些对象时（例如，它摇晃 1 像素，然后在击中幻灯片底部时返回）。显然，这不会在每台PC上出现，但这是我想解决的问题，jQuery不是我的强项。另一件事是，如果您将窗口大小调整为移动大小，我有一个小菜单（再次向下滚动页面时，因为我还没有设置正确的位置样式），当单击菜单（尤其是在移动设备上）时，它非常滞后，我希望这更流畅。你能帮助改进我的代码吗？这是网站 http://alexn.co.uk/Mono2013/Monolith/index.html这是代码：

    $(window).scroll(function () {
    var $fadeHeader = $("#cartBanner"),
        top = $(this).scrollTop();
    
    if (top > 184) {
        $fadeHeader.css('height', '35px');
    } else {
        $fadeHeader.css('height', '0');
    }
});
$(document).ready(function(){
  $('#menuToggle').click(function(){
    $('#cartBanner').toggleClass('expanded');
  });
});

另一件事，当我在幻灯片底部上下滚动时，字体会发生变化/模糊，它在 M 上很明显，M 上的轻弹消失了，导航文本的外观也会发生变化

编辑：似乎是flexslider的问题，将幻灯片更改为bootstrap已经消除了这个问题。