固定フローティング要素 - 追加クラスにアニメーションを追加

Question

私はページを下にスクロールしたときにクラスを上の固定位置に変更すると、メニューにフェードイン効果を追加したいと思います。

http://jsfiddle.net/dueWG/9/

JS：

$(function() { 
    var msie6 = $.browser == 'msie' && $.browser.version < 7; 
    if (!msie6) { 
    var top = $('#navmenu').offset().top - parseFloat($('#navmenu').css('margin-top').replace(/auto/, 0)); 
    $(window).scroll(function (event) { 
     var y = $(this).scrollTop(); 
     if (y >= top) { 
     $('#navmenu').addClass('fiksed'); 
     } else { 
     $('#navmenu').removeClass('fiksed'); 
     } 
    }); 
    } 
}); 

Answer 1

これは、あなたが探している効果でしょうか？

http://jsfiddle.net/dueWG/10/

コード：

<script> 
$(function() { 

    var msie6 = $.browser == 'msie' && $.browser.version < 7; 

    if (!msie6) { 
    var top = $('#navmenu').offset().top - parseFloat($('#navmenu').css('margin-top').replace(/auto/, 0)); 
    $(window).scroll(function (event) { 
     // what the y position of the scroll is 
     var y = $(this).scrollTop(); 

     // whether that's below the form 
     if (y >= top) { 
     // if so, ad the fixed class 
     if ($('#navmenu').is('.fiksed')) { 
      return; 
     } 
     $('#navmenu').hide().addClass('fiksed').fadeIn(); 
    } else { 
     // otherwise remove it 
     $('#navmenu').removeClass('fiksed'); 
     } 
    }); 
    } 
}); 
</script>