javascript - JavaScript フェードインの使い方

Question

私はこの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>

「fadeIn」エフェクトを追加したいのですが、うまくいきません。

Answer 1

と書いていますが、正しいかどうかは分かりません。...

<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>