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;
}

代码不能简单得多，所以它让我觉得电子商务平台导致position: fixed行为不端。任何人都可以发现我错过的任何事情吗？非常感谢您关注这一点，我提前感谢您的任何答案。

Answer 1

尝试使用toggleClass代替此{/ 1}}

if..else

希望有所帮助：）

粘性导航问题 - “位置：固定”可能不生效

1 个答案: