jQuery动画使用div resize保持自动定位

jQuery动画使用div resize保持自动定位,jquery,position,jquery-animate,margin,Jquery,Position,Jquery Animate,Margin,我有一个左菜单div,可以显示和隐藏点击。右边对齐边距的内容div:0自动;当我调整窗口大小时,它正好在窗口中间对齐。但是,我想要的是,当左菜单div设置为全宽时,内容div应该设置为右左剩余空间的中心。无论屏幕分辨率如何 有人知道如何做到这一点吗?我的猜测是计算如下: document.viewport-leftmenu.width,然后剩余的空间半对齐到内容div的中心 啊,我停电了。有人吗 这里有一个小提琴:是的,您必须计算当前窗口的宽度,并减去左侧菜单的宽度。然后从剩余宽度中,得到中心宽

我有一个左菜单div,可以显示和隐藏点击。右边对齐边距的内容div:0自动;当我调整窗口大小时,它正好在窗口中间对齐。但是,我想要的是,当左菜单div设置为全宽时,内容div应该设置为右左剩余空间的中心。无论屏幕分辨率如何

有人知道如何做到这一点吗?我的猜测是计算如下:

document.viewport-leftmenu.width,然后剩余的空间半对齐到内容div的中心

啊,我停电了。有人吗


这里有一个小提琴:

是的,您必须计算当前窗口的宽度,并减去左侧菜单的宽度。然后从剩余宽度中,得到中心宽度,即宽度/2,并从中减去内容宽度的一半

w=屏幕宽度-左侧菜单的宽度 左=w/2-contentdivWidth/2
contentwidth.left=left

是的,您必须计算当前窗口的宽度,并减去左侧菜单的宽度。然后从剩余宽度中,得到中心宽度,即宽度/2,并从中减去内容宽度的一半

$('#content').css('position','absolute');
var nwpos =  ( $(window).width() - $('#content').width() ) / 2;        
nwpos= nwpos+ (tcontainer.width()/2);
$('#content').css("left", nwpos + "px");
w=屏幕宽度-左侧菜单的宽度 左=w/2-contentdivWidth/2 contentwidth.left=左

$('#content').css('position','absolute');
var nwpos =  ( $(window).width() - $('#content').width() ) / 2;        
nwpos= nwpos+ (tcontainer.width()/2);
$('#content').css("left", nwpos + "px");