jquery - 使用jquery后隐藏在图像下的导航div

Question

我有一个侧边栏导航，当你向下滚动 300 像素时就会出现。但是，将其应用于我的工作时，导航不会出现。但是在 jsfiddle 中工作时它显示正确。所以我不知道它是否隐藏在我电脑上的图像下面，但我似乎无法弄清楚为什么它在所有内容下面。

所以这里是有问题的代码。

       <div id="cbp-fbscroller" class="cbp-fbscroller">
            <nav style="display:none;">
                <a href="#fbsection1" class="cbp-fbcurrent">Section 1</a>
                <a href="#fbsection2">Section 2</a>
                <a href="#fbsection3">Section 3</a>
                <a href="#fbsection4">Section 4</a>
                <a href="#fbsection5">Section 5</a>
            </nav>
            <section id="fbsection1"></section>
            <section id="fbsection2"></section>
            <section id="fbsection3"></section>
            <section id="fbsection4"></section>
            <section id="fbsection5"></section>
        </div>

.cbp-fbscroller > nav {
    position: fixed;
    z-index: 9999;
    right: 100px;
    top: 50%;
    width: 26px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

 $(window).on('scroll', function() {

    if ($(window).scrollTop() >= 900) {
       $('.cbp-fbscroller nav').fadeIn('slow');
    } else {
       $('.cbp-fbscroller nav').fadeOut('slow');
    }

  });

现在这里有两个 fiddle 。一个基本上只是一个代码转储，我这样做是为了看看我这边是否有问题，但是导航在 fiddle 中正确显示，并且在实际处理所有正确的图像等时似乎隐藏在图像下。然后是另一个 fiddle 是一个更简化的版本，可以正常工作。

简单:http://jsfiddle.net/6oaxt61a/20/

代码转储:http://jsfiddle.net/nwp1yv0s/3/

两种导航都在应用它时有效，它似乎被卡在某物下。

Answer 1

只是想在这里发布讨论中的解决方案。

以下脚本在 jQuery 之前加载，因此您收到“$ 未定义”错误，阻止您加载导航。

<script src="js/scrollfadein.js"></script> 

解决方案是按以下顺序加载脚本:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>    
<script src="js/scrollfadein.js"></script>