Скользящее меню на вопрос прокрутки

У меня есть меню, которое появляется, когда вы прокручиваете предыдущую точку, это выглядит отлично, но иногда при прокрутке назад или вниз оно оставляет белые метки на странице, и текст иногда перемещается, как правило, когда он попадает на определенные объекты (например, он встряхивает 1 пиксель и затем назад, когда он попадает в нижнюю часть слайд-шоу). Очевидно, что это не будет на каждом ПК, но это проблема, которую я хотел бы исправить, а 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 исчезает, а внешний текст меняется

EDIT: Кажется, проблема с flexslider, изменение слайд-шоу в bootstrap устранило проблему.