Javascript Navbar固定顶部，jQuery取消css属性

我正在创建一个WordPress网站，并在向下滚动页面时使用以下代码将导航栏固定在顶部：

(function( $ ){   
    var navOffset = jQuery("nav").offset().top; 
    jQuery(window).scroll(function() {
       var scrollPos = jQuery(window).scrollTop();
        if(scrollPos >= navOffset) {
            jQuery("nav").addClass("fixed");
        }else {        
            jQuery("nav").removeClass("fixed");
        }     
   });     
})(jQuery);

但是现在，当我点击页面上的图标（在产品和服务部分），图标上的弹出窗口和动画都不起作用

当我停用这个特定的jQuery代码时，弹出窗口工作正常

有没有其他方法可以使导航栏固定在顶部，并且图标仍能正常工作

jQuery有什么问题吗？

---

当导航被固定时，它似乎覆盖了整个屏幕

截图：

之所以发生这种情况，是因为导航上有

bottom:0

css属性

nav#site-navigation {
    position: absolute;
    right: 0;
    bottom: 0;
}

解决方案是确保

bottom:0

处于修复模式时被禁用。您可以添加

底部：自动！重要的到你的.fixed类

.fixed {
    top: 4%;
    width: 100%;
    text-align: center;
    bottom: auto !important;
}

我可以知道哪些图标吗？@Jacob Goh。产品和服务部分的大图标您是否检查了导航栏的z索引是否正确？也许有些项目的z索引较高，而您的点击事件没有被正确应用/传播？@Marcus。我刚刚取消了导航栏上的任何z索引，没有发生任何变化。如果你注意到，一旦导航栏固定在顶部，你将无法检查网站上的每个元素。我肯定需要对你的答案进行投票。我的朋友，我问另一个关于导航栏的问题，或者我们可以把它带到聊天室吗？我想你可以在这里发表评论吗？太好了。如果刷新页面，您将看到当您单击每个菜单项时，它会转到相应的部分。很好。但是如果您注意到，导航栏会覆盖部分内容……在本例中是标题。我之前在每个部分添加了一个空白，如下所示[name=“about us”]{height:55px！important；display:block！important；}。但这并不是一个好的实践，因为很容易看出它造成的巨大差距。我该怎么办？对不起，现在有点忙。如果没有人对此作出答复，将有助于稍后再次提出建议yet@WosleyAlarico.There绝对没有问题。你只是感到困惑，因为你的wordpress的导航栏正在取代你的网站导航。在你的。固定类替换你的顶部：4%到0%