[解決済み] jQueryで、要素の "top,left "プロパティに、ドキュメントではなく親からの相対的な位置を設定するにはどうしたらよいでしょうか。
2022-03-03 05:03:31
質問
.offset([coordinates])
メソッドは、要素の座標を設定しますが、ドキュメントからの相対座標のみです。では、親からの相対座標で要素の座標を設定するにはどうすればよいのでしょうか?
私が見つけたのは
.position()
メソッドは、親からの相対的な値として "top,left" を取得するだけで、値を設定することはありません。
で試してみました。
$("#mydiv").css({top: 200, left: 200});
が、うまくいきません。
解決方法は?
親からの相対的な位置を設定するためには
position:relative
の親と
position:absolute
要素の
$("#mydiv").parent().css({position: 'relative'});
$("#mydiv").css({top: 200, left: 200, position:'absolute'});
これは、次のように動作します。
position: absolute;
の位置は、相対的に最も近い
位置づけ
の親(つまり、デフォルトの
static
).
関連
-
[解決済み] jQuery が Ajax 呼び出しの終了を待って戻るようにするにはどうすればよいですか?
-
[解決済み] jQueryを使って要素のIDを取得するにはどうすればよいですか?
-
[解決済み] jquery-rails」と「jquery-ui-rails」は、1つのプロジェクトで管理することができるのでしょうか?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] jQueryで複数のクラスを持つ要素を選択するにはどうすればよいですか?
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] スクロールバーを隠すが、スクロールはできる状態
-
[解決済み] jQueryで名前を指定して要素を選択するには?
-
[解決済み] ボディの高さをブラウザの高さの100%にする
-
[解決済み] CSS 100% height と padding/margin の関係
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] jqueryで日付を比較する
-
[解決済み] TypeError: $(...).autocomplete は関数ではありません。
-
[解決済み] Javascriptでの改行の分割方法
-
[解決済み] jQueryでページスクロールをプログラム的に無効にする方法
-
[解決済み] jquery ui Dialog: 初期化前のダイアログでメソッドを呼び出せない
-
[解決済み] クラス別のjquery onclick
-
[解決済み] ネストした多次元のjsonオブジェクトの書き方
-
[解決済み] jQueryで背景画像をアニメーションで変化させる
-
[解決済み] jQueryを使って下までスクロールさせる
-
[解決済み] jquery form が期待通りに動作しない。ajaxForm が関数でない。