javascript - 在屏幕左侧居中放置一个 div

Question

一旦有人点击“这里”，我希望 div 移动到屏幕左侧的水平中心，并且 div 出现并显示在屏幕右侧也水平居中。这是我的代码

My Code! jsbin

Answer 1

使用顶部和左侧。

#wrapper {
    left: 50%;
    position: absolute;
    margin-left: -223px /* half of width*/
}

然后动画 div 使用:

$('button[name="whattoput"]').click(function () { 
    $('div').animate({
        left: "323px" // target position + left margin
    });
});