滚动显示

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

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

$(function() {

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

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

  });

});

小提琴：https://github.com/swissonid/android-design-support-lib-sample

以及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"

希望我能正确理解你。