Javascript 更改旋转动画位置

我试图实现旋转动画，但我想改变div的位置。这是我的密码：-

$(function(){
var el=$('div');
el.animate({ deg: 180 }, {
            duration: 1000,
            step: function (now) {
                el.css({
                    transform: 'rotate(' + now + 'deg)'
                });
            },
            complete: function () {                    
     },
  });
});

我想要这个职位（现在是第一个，但我想要第二个）：-

谢谢你的帮助

    $(function(){
    var el=$('div');
var topik = $('div').css('top');
    el.animate({ deg: 180 }, {
                duration: 1000,
                step: function (now) {
                    el.css({
                        transform: 'rotate(' + now + 'deg)',
                        top : topik+'500px',
    });
                },
                complete: function () {                    
         },
      });
    })

别谢我

别谢我

使用

translateY（-100%）

使用

translateY（-100%）

---

谢谢这是我想要的：）+1谢谢这是我想要的：）+1我很抱歉我的朋友：（我很抱歉我的朋友：(

$(function(){
var el=$('div');
 el.animate({ deg: 180 }, {
                duration: 1000,
                step: function (now) {
                    el.css({
                        transform: 'rotate(' + now + 'deg) translateY(-100%)'
                    });
                },
                complete: function () {

         },
   });
});