如何使用jQuery隐藏div，然后在文档滚动中淡入？

我试图在页面加载时使用jQuery隐藏div，但当向下滚动到某个点时，它将淡入。现在下面的脚本几乎可以做到这一点，我遇到的问题是div在页面加载时首先是可见的，我想隐藏它。。。我似乎不知道该怎么做

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

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

我最初是从这里得到的：

---

非常感谢您的帮助

只使用普通的旧CSS如何，它会在pageload上隐藏它：

#magrig {display:none}

---

如果只使用普通的旧CSS，它会在pageload上隐藏它：

#magrig {display:none}

---

您可以在页面加载时隐藏

div

，如下所示：

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

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

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

---

您可以在页面加载时隐藏

div

，如下所示：

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

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

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

---

实际上，我没有想到使用display:none，我尝试过visibility:hidden，jQuery代码不喜欢这样，但是display工作得非常好。。。谢谢，我觉得这是一个有点愚蠢的问题，hahaI实际上没有想到使用display:none，我试过visibility:hidden，jQuery代码不喜欢这样，但是display工作得非常好。。。谢谢，我觉得这是一个有点愚蠢的问题哈哈，我想我可能已经试过了，我花了更多的时间试图找出如何把它全部放到一个脚本中。谢谢我想我可能已经试过了，我花了更多的时间试图找出如何把它全部放到一个脚本中。谢谢