如何使用jQuery隐藏div，然后在文档滚动条上使其淡入淡出？

Question

我正在尝试使用jQuery在页面加载时隐藏div，但是当您向下滚动到某个点时，它会逐渐消失。现在下面的脚本几乎可以做到这一点，我遇到的问题是div首先在页面加载时可见，我想将其隐藏...我似乎无法弄清楚如何。

    $(window).bind("scroll", function() {
        if ($(this).scrollTop() > 180) {
            $("#magrig").fadeIn('slow');
        }
        else {
            $("#magrig").stop().fadeOut('fast');
        }
    });

我尝试将.hide（）添加到脚本中，但是我不知道如何重新格式化它。

我原来是从这里得到的： 滚动后淡入div

任何帮助是极大的赞赏！

Answer 1

仅使用普通的旧CSS，如何将其隐藏在pageload上：

#magrig {display:none}

Answer 2

您可以在页面加载时隐藏div ，如下所示：

$(document).ready(function() {
    ("#magrig").hide();
});

或者，您可以直接在CSS中执行此操作：

#magrig {
    /* other CSS entries */
    display:none;
}