简单的菜单栏效应

Question

我怎样才能让这更顺利？

$(window).bind('scroll', function () {
    if ($(window).scrollTop() > 80) {
        $('.menu').addClass('fixed');
    } else {
        $('.menu').removeClass('fixed');
    }
});

我想要一个效果，.menu从顶部开始填充颜色。

我尝试使用css3样式。

.fixed {
   position: fixed;
   background-color: #fff;
   width: 100%;
   transition: all .5s ease-in;
   box-shadow: 0px 2px 10px 0px #424242;
}