[解決済み] 親コンテナからの相対的な要素の位置/オフセットを取得しますか?
2022-04-25 19:32:13
質問
私はjQueryの操作に慣れています。しかし、私の現在のプロジェクトでは、zepto.jsを使用しています。Zeptoは
position()
メソッドがあります。Zeptoに付属しているのは
offset()
.
純粋なjsまたはZeptoで、親に対するコンテナのオフセットを取得する方法について何か考えがありますか?
どのように解決するのですか?
警告: jQuery、標準の JavaScript ではありません。
element.offsetLeft
と
element.offsetTop
を基準とした要素の位置を見つけるための純粋な javascript プロパティです。
offsetParent
の位置を持つ最も近い親要素である。
relative
または
absolute
または、常に ゼプト で要素の位置とその親の位置を取得し、単純にその2つを引き算します。
var childPos = obj.offset();
var parentPos = obj.parent().offset();
var childOffset = {
top: childPos.top - parentPos.top,
left: childPos.left - parentPos.left
}
これは、親が位置決めされていなくても、その親に対する子の相対的なオフセットが得られるという利点があります。
最新
-
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 実装 サイバーパンク風ボタン