有没有办法让这个导航过渡更顺畅？

Question

这大部分都已完成（据我所知，这是正确的）。向下滚动时，徽标及其圆形div会在导航栏中变为较小的徽标。查看我的Codepen并向下滚动一下，看看我的意思：http://codepen.io/kaisle/pen/GJWLOZ

当您向下滚动到较小版本的导航栏时，我只希望它从导航栏更平滑过渡。我认为，一旦导航变得固定，它就会与导航中的淡入淡出有关。我以前见过这个，我只是不知道如何让它更顺畅！

我认为这是问题所在：

$(window).scroll(function() {
var w = $(window).width();
if(w > 700) {
      if ($(this).scrollTop() > 120) {
        $('nav').css("position", "fixed");
      }
      else {
        $('nav').css("position", "relative");
      }
} else {
    return false;
}

}）;

任何完善这一点的帮助都会很棒。提前谢谢！