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