2017-09-08 13 views
0

私はoffSet()があることを知っています。と位置()。jQueryはページ上部からオフセット要素を取得します

でも、どちらも私の場合は機能しません。私は位置の絶対の要素のウィンドウの上部からの距離を計算しなければなりません。これらのメソッドの問題点は、ページの上部からではなく、絶対DIVを含む親要素からオフセットを返すことです。だから私は親コンテナをスキップし、ページの上部から実際のオフセットを取得する必要があります。

いくつかのアイデア?

ありがとうございました

答えて

0

私の悪い!

私は、コードのアップを混合し、私はになっていたものを更新していませんでした

:-)馬鹿です。私は.offset()を使って終わりました。それはまさに私が必要としていたものです。 jQuery .offset() documentationから

0

<!doctype html> 
 
<html lang="en"> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>offset demo</title> 
 
    <style> 
 
     p { 
 
      margin-left: 10px; 
 
     } 
 
    </style> 
 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
 
</head> 
 

 
<body> 
 

 
    <p>Hello</p> 
 
    <p>2nd Paragraph</p> 
 

 
    <script> 
 
     var p = $("p:last"); 
 
     var offset = p.offset(); 
 
     p.html("left: " + offset.left + ", top: " + offset.top); 
 
    </script> 
 

 
</body> 
 

 
</html>

.offset()方法は、文書に対して(マージンを排除特にその境界ボックス)要素の現在位置を取得するために、私たちを可能にします。これを、オフセット親に対する現在の位置を取得する.position()と比較してください。グローバル操作のために既存の要素の上に新しい要素を配置する場合(特に、ドラッグアンドドロップを実装する場合)は、.offset()がより便利です。

関連する問題