javascript - jQuery动画仅在动画期间更改不透明度

我有这个jQuery命令：

$('html, body').animate({
                        scrollTop: stopY,
                        opacity: '0.5'
                        }, 1000);

（其中stopY是我要停止的位置）。
唯一的想法是，我希望不透明度仅在滚动过程中才更改为0.5，并且一旦我处于stopY位置，它就会回到1。

最佳答案

在complete的options参数中提供一个animate回调，该回调在动画完成时将不透明度设置为1：

var options = {
    duration: 1000,
    complete: function(){ $('html, body').css('opacity', 1) }
});

$('html, body').css('opacity', 0.5).animate({ scrollTop: stopY }, options)