this.animate(selector, keyframes, duration, ScrollTimeline)里面的keyframes是一个数组 如何在后面的动画开始的时候一直保留前一个动画的状态？

this.animate('#container', [

            { top:0},

            { top:'500rpx'},

            {rotate:90},

            { left:'500rpx'}

            ], 5000,() => {

        })

这代码执行第四行{ left:'500rpx'}动画的时候 rotate 又会慢慢变成0 但是我想后面的动画一直都是rotate 90

现在是必须{ left:'500rpx'} 改成{ left:'500rpx'，rotate:90} 才行？