滚动显示

Question

我在努力让下面的代码工作。基本上我试图在我的CSS中获得.cbp-fbscroller，以使我在HTML页面上的新导航菜单仅在900px上向下滚动，但是对于JavaScript来说是新手，我不知道如何让代码工作。

所以一旦它达到900px的侧面导航将出现。我已经做了小提琴所以你们可以看到更多的代码

Demo

$(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(); 
     } */ 
    } 
}) 

Answer 1

如果我正确understod你的问题，basicly你需要这个：

$(function() { 

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

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

    }); 

}); 

小提琴：http://jsfiddle.net/6oaxt61a/10/

，并在你的HTML

<nav> 

到

<nav style="display:none;"> 

Answer 2

的。如果我得到你正在尝试做正确，你的代码应该看的东西像这样：

$(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(); 
     } */ 
    } 
}) 

我注释掉的部分就是你要恢复的动作。

你缺少什么：

1. 没有事件连接。这是固定的$(document).scroll(function(){...
2. '"foobar"'只会引发一个错误。请使用'foo'或"bar"

希望我能正确理解你。