jquery sticky-nav-bar 表现得像一个 css3 动画，如何阻止它？

Question

实时网站位于以下地址：www.calimousineservice.com 嗨，我正在制作这个简单的网站，我试图在顶部包含一个粘性导航。 到目前为止，一切都按预期工作，唯一的问题是，当我滚动 Jquery 时，它就像一个幻灯片动画，而不是立即粘在窗口的顶部。 也因为我附上了这个，我的图像滑块在滑动图像时有某种滞后。 我的所有脚本和 file.js(s) 都附加在 html 的底部，除了上传的 js 文件之外，这里还有我用于粘性导航的 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>

还有另一个脚本会在向下滚动时在导航栏的右侧弹出一个图像：

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

请向下和向上滚动几次以了解我在这里谈论的内容。 导航栏在滚动时就像一个幻灯片动画（如 css3 动画），我想删除它。 还有我的滑块的问题。 预先感谢您，如果我需要提供更多代码，请告诉我。

Answer 1

它属于幻灯片。 要修复它，请为您的导航栏 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;
}