固定divを固定divにアニメ化

Question

私のウェブサイトには、divの絶対位置を持つdivがあります。私が望むのは、ブラウザの中央で拡大して配置するdivをクリックするときです。私が試した何

はこれです：

それは働いていたが、何が起こったことは、私の画面の中央にアニメーション化するよりも、#macが最初に私の画面の左上隅に位置していることである

$j("#mac").click(function(){ 
$j('#mac').css({ 
     position: 'fixed' 
    }); 

$j('#mac').animate({ 
    width: 923, 
    height: 498, 
    left: ($j(window).innerWidth() - 923)/2, 
    top: ($j(window).innerHeight() - 498)/2 
    }, 1000)}); 

。これは、固定された位置の使用のために意味をなさない。しかし、私はその位置を使用しないときは、divは中心に位置しません。

私は画面の左上隅に位置調整をしたくありませんが、divは元の位置から画面の中央に移動する必要があります。

誰かがこれを行う方法を知っていますか？

ありがとうございます！

Answer 1

CSSの位置をfixedに変更すると同時に、DIVの現在の上と左の位置を見つけ、同様に設定します。正しい場所でアニメーションを開始する必要があります。

var offset = $j('#mac').offset(); 

$j('#mac').css({ 
    position: 'fixed', 
    top: offset.top, 
    left: offset.left 
});