Как оживить "scrollTop()"?

Question

Я использую этот код для фиксированного заголовка моей страницы:

JQuery:

$(window).bind('scroll resize', function() { 
    $('#header').css('top', $(this).scrollTop()); 
}); 

CSS:

#header{ 
    position: relative; 
} 

Как я могу оживить scrollTop()?

Answer 1

$('#header').animate({'top' : $(this).scrollTop()}); 

Answer 2

Он должен быть как

$('#header').scrollTop(value); 

Atlast

$("#header").animate({ scrollTop: "value in px" }) 

Answer 3

$(window).bind('scroll resize', function() { 
    var $this = $(this); 
    $('#header').animate({top : $this.scrollTop()}); 
}); 

должен работать

Answer 4

Использование:

$('#header').animate({ scrollTop: 0 }, 'slow'); 

Answer 5

Попробуйте

$('#header').animate({ scrollTop: $(this).scrollTop()}, "slow"); 

Example Demo