JQuery偏移量（）返回負值與CSS3列？

我是jQuery的新手。我想獲得特定元素的頂部偏移量。我使用以下方法：JQuery偏移量（）返回負值與CSS3列？

var top = $("img").offset().top;

但是，它返回負值。我不明白爲什麼它會返回負值？最小的值應該是零，或者我得到任何錯誤？

P.S.我在html文件中使用CSS3列中斷。

非常感謝！

編輯：HTML文件的正文：

<div id="chapter-0"> 
    <div> 
     <h1 xml:lang="en-us" id="toc-anchor">Main Title</h1> 
     <h2 xml:lang="en-us" id="toc-anchor-1">Subtitle 1</h2> 
     <p xml:lang="zh-hk"> text</p> 
     <p xml:lang="zh-hk"> text</p> 
     <h2 xml:lang="en-us" id="toc-anchor-2">Subtitle2</h2> 
     <p xml:lang="zh-hk"> text</p> 
     <p xml:lang="zh-hk"> text</p> 
     <h2 xml:lang="en-us" id="toc-anchor-3">Subtitle3</h2> 
     <p xml:lang="zh-hk"> text</p> 
     <p xml:lang="zh-hk"> text</p> 
    </div> 
    <div> 
     <img src="images/Table-01_fmt.jpeg" alt="Table-01.indd"> 
    </div> 
</div>

我已經用於檢測圖像的高度代碼：

$(\"img\").each(function(i) { 
    var top = $(this).offset().top; 
    alert(top); 
}

來源

2011-10-05 Oscar

什麼是所有的'xml：lang'？ 'lang'是一個有效的HTML屬性，爲什麼你需要前綴？另外，你爲什麼試圖在代碼中隱藏引號？ –

這將是容易幫助你，如果你發佈的HTML其中img是其中的一部分，也是應用於它的CSS。

編輯：

我檢查你發佈的代碼，我不得不在jQuery的部分語法錯誤，糾正他們，我都嘗試在Firefox和谷歌瀏覽器，它工作正常後。

所以，你可以請嘗試下面的HTML文件，看看？唯一的區別是雙引號和添加jQuery代碼中缺少的右括號。

這適用於Chrome。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script> 

    <script type='text/javascript'> 
     $(document).ready(function() { 
      $("img").each(function(i) { 
       var top = $(this).offset().top; 
       alert(top); 
      }); 
     }); 
    </script> 

</head> 
<body> 
<div id="chapter-0"> 
    <div> 
     <h1 xml:lang="en-us" id="toc-anchor">Main Title</h1> 
     <h2 xml:lang="en-us" id="toc-anchor-1">Subtitle 1</h2> 
     <p xml:lang="zh-hk"> text</p> 
     <p xml:lang="zh-hk"> text</p> 
     <h2 xml:lang="en-us" id="toc-anchor-2">Subtitle2</h2> 
     <p xml:lang="zh-hk"> text</p> 
     <p xml:lang="zh-hk"> text</p> 
     <h2 xml:lang="en-us" id="toc-anchor-3">Subtitle3</h2> 
     <p xml:lang="zh-hk"> text</p> 
     <p xml:lang="zh-hk"> text</p> 
    </div> 
    <div> 
     <img src="images/Table-01_fmt.jpeg" alt="Table-01.indd" /> 
    </div> 
</div> 
</body> 
</html>

來源

2011-10-05 09:27:49

感謝您的提醒。我用一些代碼更新了我的問題。 – Oscar

我已經添加了我測試過的代碼。除了小的語法錯誤，它適用於我。檢查我編輯的答案。 –

JQuery偏移量（）返回負值與CSS3列？

回答

相關問題