2011-02-05 76 views
0

当我们向下滚动页面时,当它将类更改为顶部的固定位置时,我想向菜单添加淡入淡出效果。修正浮动元素添加动画添加类

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'); 
     } 
    }); 
    } 
}); 

回答

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

谢谢!这正是我想到的。 =] – carpenumidium 2011-02-05 03:49:03