如何使用javascript fadeIn

我有以下javascript代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script type="text/javascript">
    $(document).scroll(function() {
        $('#menu-fixed').toggle($(this).scrollTop() > 100 );
    });
</script>

$（文档）。滚动（函数（）{
$（“#菜单已修复”）.toggle（$（this.scrollTop（）>100）；
});

---

我想添加一个“fadeIn”效果，但它不起作用。

你真的很接近，你只需将传递给toggle的布尔值放入一个条件中，然后如果为真，则执行fade

$(document).scroll(function() {
    if($(this).scrollTop() > 100){
       $('#menu-fixed').fadeIn(500);
    }
});

---

工作示例

我写了这个，但我不知道是否正确

<script type="text/javascript">
    $(document).scroll(function() {
    if($(this).scrollTop() > 100){
       $('#menu-fixed').fadeIn(500);
    }
    else{
        if($(this).scrollTop() < 100) {
         $('#menu-fixed').fadeOut(500);
        }
    }   
});
</script>

$（文档）。滚动（函数（）{
如果（$（this）.scrollTop（）>100）{
$（“#菜单已修复”）.fadeIn（500）；
}
否则{
if（$（this）.scrollTop（）<100）{
$（“#菜单已修复”）.fadeOut（500）；
}
}   
});

最好使用

位置：固定#菜单上的code>修复了

问题是，当您到达页面顶部时，菜单应再次消失(