如何动画“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

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

应该有效

Answer 3

必须像

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

atlast

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

Answer 4

使用：

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

Answer 5

尝试

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

Example Demo