Javascript 滚动显示

我正在努力让下面的代码正常工作。基本上，我正在尝试在css中使用

.cbp fbscroller

，以使html页面侧面的新导航菜单在向下滚动时仅以900px的速度显示，但由于不熟悉JavaScript，我不知道如何使代码正常工作

因此，一旦它达到900px，侧面的导航就会出现。我做了一把小提琴，你们可以看到更多的代码

---

如果我知道您正试图正确执行的操作，您的代码应该如下所示：

$(document).scroll(function(){
    if ($(document).scrollTop() >= 100) {
        if ($(".main").css('display') === 'none') {
            $(".cbp-fbscroller").fadeIn('slow');
            $(".main").prev().fadeOut();
            $(".cbp-fbscroller").next().fadeOut();
        }
    } else {
        /* if ($(".main").css('display') !== 'none') {
            $(".cbp-fbscroller").fadeOut('slow');
            $(".main").prev().fadeIn();
            $(".cbp-fbscroller").next().fadeIn();
        } */
    }
})

第一部分注释是为了防止您想要恢复操作

你缺少的是：

没有附加任何事件。这是由

$（document）修复的。滚动（function（）{…

“foobar”

只会引发错误。请使用

“foo”

或

“bar”

---

希望我能正确地理解你。

如果我正确理解了你的问题，基本上你需要这个：

$(function() {

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

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

  });

});

小提琴：

以及HTML中的更改

<nav> 

到

FYI：不要在网页上使用居中文本作为连续文本。眼睛必须再次搜索每一行的开头，这是一种糟糕的用户体验。您认为左对齐更合适吗？：）您的JSFIDLE只是一个代码转储，您正在讨论的示例不够完整，无法确定问题是什么。请将您的问题包括在内。请确保它是最小的、完整的和可验证的。fiddle已缩减为需要更改的内容：）我更新了fiddle。您已经非常接近我所要求的内容了，只是需要相反。因为它需要滚动800px，然后出现，如果只有>800，则需要消失。侧面导航在这里仍然存在。基本上，如果浏览器位于顶部，则必须隐藏，一旦滚动到大约800px，则必须出现，以便用户可以在小提琴上导航查看，有一个初始

style=“display:none”

在

标签中-导航应该在加载时隐藏。请测试小提琴。似乎仍然在加载中-抱歉-这是小提琴-您只需将

更改为

sweet将试一试：）

<nav> 

<nav style="display:none;">