Как задать плавное появление JS?

Имеется код:

<script type="text/javascript">
    $(window).scroll(function(){
      if ($(this).scrollTop() > 100) {
          $('.menu2').addClass('fixed');
      } else {
          $('.menu2').removeClass('fixed');
      }
});
   </script> 

Он отвечает за фиксированное горизонтальное меню, как сделать, чтобы при прокрутке страницы вниз он вылетал не резко, а постепенно, и желательно возвращался тоже постепенно...