Javascript jquery粘性导航条的行为类似于css3动画，如何停止它？

live网站位于以下地址：www.calimousineservice.com 嗨，我正在制作这个简单的网站，我试着在上面添加一个粘性导航。到目前为止，一切正常。唯一的问题是，当我滚动Jquery时，它的行为就像动画中的幻灯片，而不是仅仅停留在窗口的顶部。此外，由于我附加了这个，我的图像滑块在滑动图像时有某种滞后。我的所有脚本和文件.js都附在html的底部，除了上传的js文件外，下面是我的sticky nav javascript：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle2.min.js"></script>

<script>
    function makeSticky() {
        var myWindow = $(window), 
        myHeader = $(".navigation");

        myWindow.scroll(function() {
            if (myWindow.scrollTop() == 0 ) {
                myHeader.removeClass("sticky-nav");
            } else {
                myHeader.addClass("sticky-nav");
            }
        });
    }
    $( function() {
        makeSticky(); 
    });
</script>

函数makeSticky（）{
var myWindow=$（窗口），
myHeader=$（“.navigation”）；
myWindow.scroll（函数（）{
if（myWindow.scrollTop（）==0）{
myHeader.removeClass（“粘性导航”）；
}否则{
myHeader.addClass（“粘性资产净值”）；
}
});
}
$（函数（）{
makeSticky（）；
});

向下滚动时，另一个脚本将在导航栏右侧弹出一个图像：

<script>
    function hideImg() {
        var myWindow = $(window),
        container= $(".nhide");

        myWindow.scroll(function() {
            if (myWindow.scrollTop() == 0 ) {
                container.addClass("nhide");
            } else{
                container.removeClass("nhide");
            }   
        });  
    }

    $( function() {
        hideImg(); 
    });
</script>

函数hideImg（）{
var myWindow=$（窗口），
容器=$（“.nhide”）；
myWindow.scroll（函数（）{
if（myWindow.scrollTop（）==0）{
容器。添加类（“nhide”）；
}否则{
容器。移除类（“nhide”）；
}   
});  
}
$（函数（）{
hideImg（）；
});

---

请上下滚动几次，以了解我在这里谈论的内容。导航栏在滚动时的行为类似于动画中的幻灯片（类似于css3动画），我想删除它。还有我的滑块的问题。提前谢谢，如果我需要提供更多的代码，请告诉我

它在幻灯片下面。要解决此问题，请为navbar z-index属性指定比幻灯片z-index更大的值

我想

z-index:999

可以解决这个问题

更新：

将导航栏的

transition

属性设置为

0

。因为似乎存在用于设置转换的全局选择器

确保您使用的是最特定的选择器，以防止其他元素的规则统治您的导航栏

例如：

#yournavbar_container .navbar {
  transition: 0s;
}

或将所有值设置为默认值：

#yournavbar_container .navbar {
  transition: all 0s ease 0s;
}

您还可以使用以下选项：

#yournavbar_container .navbar {
  transition:none;
  transition-delay:0s;
  transition-duration:0s;
  transition-property:none;
  transition-timing-function:ease;
}

---

谢谢你的回答，但那不是我的问题。我在问为什么滚动时会出现带有导航条的过渡动画？