3

親ではないdiv別の相対を配置することは可能ですか? div例えば：

<div id="header"><!-- --></div>
<div id="content"><!-- --></div>
<div id="footer"><<!-- --></div>

上記のコードでは#footer、相対的に#header?に配置できます。

アップデート

私が実装しようとしているデザインのセマンティック構造が、私が提示したい方法と一致しないためです。視覚的には、ページの上部にメニューがあり、クリック イベントでメニューの上にスライドする非表示の div があります。したがって、a が相対的に a の下に配置され、jQuery イベントにスライドインしたときに相対的に配置されたままになるように、順序または div をシャッフルする必要#menuがあります#header。#headerslideToggle()

<div id="menu"><!-- --></div>
<div id="header"><!-- --></div>
<div id="content"><!-- --></div>
<div id="footer"><<!-- --></div>

#headerウィンドウの上部に固定する必要があります。スライドインすると、同じ距離だけスライドダウンするように#menu相対的に配置する必要があります。#header#header#menu

4

2 に答える 2

1

はい。それらをどのように配置したいかは述べていませんが、次のように#header使用して現在の位置を取得できます。offset

var pos = $("#header").offset();

...そして、次のいずれかを使用して、必要に応じての位置を設定でき#footerますcss。

$("#footer").css({
    position: "absolute",
    left:     /* some value here*/,
    top:      /* some value here*/
});

...または経由offset：

$("#footer").offset({
    left:     /* some value here*/,
    top:      /* some value here*/
});

...（どちらの場合でも）ヘッダーの位置に基づいて、必要な左と上の値を入力します。

offsetleftとの数値を受け入れますtop。Archerはコメントで私たちにcss同様のことを教えてくれ、私たちに追加"px"してくれます。ドキュメントには表示されていませんが、うまくいくようです。

于 2012-12-07T12:00:33.680 に答える
0

jQueryでHTML要素を移動するにはどうすればよいですか?

この質問は、私が求めていた答えを提供してくれました。基本的に、jQuery を使用して、ページの読み込み時に DOM 内の要素を移動できます。DOM を操作する前に、まずページをロードできるようにすることが重要です。

于 2012-12-24T13:41:55.113 に答える