如何为“scrollTop（）”设置动画？答案

【问题标题】：How to animate "scrollTop()"?如何为“scrollTop（）”设置动画？
【发布时间】：2013-08-27 06:29:01
【问题描述】：

我将此代码用于页面的固定标题：

jQuery:

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

CSS：

#header{
    position: relative;
}

如何为scrollTop() 设置动画？

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

应该有效

【讨论】：

【解决方案3】：

使用：

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

【讨论】：

【解决方案4】：

试试

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

【讨论】：

【解决方案5】：

应该是这样的

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

最后

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

【讨论】：