Важная тема навигации - «позиция: исправлена» Возможно, не эффект

Question

У меня есть сайт электронной коммерции, который размещен на платформе (Zoey Commerce). На этом веб-сайте у меня есть очень простой jQuery, который будет применять CSS к элементу (заголовок навигации), чтобы исправить его в верхней части страницы, поэтому создавая липкую навигацию при прокрутке.

Проблема заключается в том, что элемент навигации заголовка фиксируется в верхней части страницы, но он не перемещается с помощью прокрутки браузера, который не работает, как обычно делает position: fixed.

Пожалуйста, посетите веб-сайт здесь, чтобы увидеть, что происходит:

http://ts367609-container.zoeysite.com/

Пожалуйста, смотрите мой код ниже:

<script> 
var num = 10; //number of pixels before modifying styles 

jQuery(window).bind('scroll', function() { 
    if (jQuery(window).scrollTop() > num) { 
     jQuery('#global-wrapper-cp-142f9c37e921e052ae02cddde9be836b').addClass('fixed'); 
    } else { 
     jQuery('#global-wrapper-cp-142f9c37e921e052ae02cddde9be836b').removeClass('fixed'); 
    } 
}); 
</script> 

CSS:

#pix-fe .fixed { 
    position: fixed !important; 
    z-index: 9999 !important; 
    margin-top: 0 !important; 
} 

Код не мог» Это будет намного проще, поэтому мне кажется, что платформа eCommerce вызывает ошибку position: fixed. Может ли кто-нибудь увидеть что-нибудь еще, что я пропустил? Большое вам спасибо за то, что посмотрели на это, и я ценю любые ответы заранее.

Answer 1

Попробуйте использовать toggleClass вместо if..else как этого

$window.scroll(function() { 
    $('#global-wrapper-cp-142f9c37e921e052ae02cddde9be836b').toggleClass('fixed', $(window).scrollTop() > num); 
}); 

Надеется, что это помогает :)