0

クリックすると表示および非表示にできる左メニューdivがあります。margin：0auto;に配置された右側のコンテンツdiv。ウィンドウのサイズを変更すると、ウィンドウの中央に完全に配置されます。しかし、私が欲しいのは、左側のメニューdivが全幅にアニメーション化されるとき、コンテンツdivは右側のサイズに残された残りのスペースの中央にアニメーション化する必要があるということです。画面の解像度に関係なく。

誰かがこれを達成する方法を知っていますか？私の推測は次のようなものを計算することです：

document.viewport --leftmenu.width次に、残りのスペースをコンテンツdivの中央に半分揃えます。

aarghには停電があります。誰でも？

ここにフィドル： http： //jsfiddle.net/5A3qA/48/

4

2 に答える 2

2 
$('#content').css('position','absolute');
var nwpos =  ( $(window).width() - $('#content').width() ) / 2;        
nwpos= nwpos+ (tcontainer.width()/2);
$('#content').css("left", nwpos + "px");
于 2012-06-04T11:03:47.543 に答える
2

はい、現在のウィンドウの幅を計算し、左側のメニューが取っている幅の量を差し引く必要があります。次に、残りの幅から中心、つまりwidth / 2を取得し、そこからコンテンツ幅の幅の半分を減算します。

w=画面の幅-左メニューの幅左=w/ 2-contentdivWidth / 2contentwidth.left=左

于 2012-06-04T09:32:43.603 に答える