Как сделать плавное position:fixed?

Question

[lemonlimelike]

Вот при скроле

$(document).ready(function(){
 
	$(window).scroll(function(){
		if ($(this).scrollTop() > 60) {
			$('.top_menu').css({'position':'fixed'});
		}else{
			$('.top_menu').css({'position':'none'})
		}
	}); 
});

.top_menu резко переходит в positon:fixed, а как сделать чтоб он плавно переходил, т.е не быстро?

Answer 1

[Andrzej Wielski]

Погуглите css transition

Answer 2

[Bastax13]

Вот это должно вам помочь.
Ну, или гуглите по запросам sticky menu и прилипающее меню

Answer 3

[Exploding]

Так?

$(window).scroll(function(){
    if ($(this).scrollTop() > 60) {
      $('.top_menu').css({'position':'fixed'}).fadeIn(500);
    }else{
      $('.top_menu').css({'position':'none'}).fadeIn(500);
    }
  });