如何以像素爲單位設置div的頂部值？

我有這個div，需要是相對的，並％的頂部：如何以像素爲單位設置div的頂部值？

#adiv { 
    position: relative; 
    top: 50%; 
    margin-top: 0px; 
    height:200px; 
    background-color:black; 
}

現在我想找到的top:50%像素值。如果我這樣做：

alert("TopHeightInPixels:"+(parseInt($("div#adiv").css("top"))));

火狐輸出實際像素（100px），而Safari瀏覽器的輸出只是50。我知道爲什麼Safari瀏覽器確實是（我的代碼，它只是條紋我50%，我猜的%），但我怎麼做是正確的。如果我這樣做使用jQuery：

alert("TopHeightInPixels:"+(parseInt($("div#adiv").offset().top)));

或

alert("TopHeightInPixels:"+(parseInt($("div#adiv").position().top)));

我得到的值爲0.那麼我該如何正確地做到這一點？提前致謝！ Here's小提琴。

來源

2012-04-02 suri

你能張貼您的console.log的'結果（「TopHeightInPixels：」 + $（「＃DIV ADIV」）的偏移量（）。）'和'的console.log（「TopHeightInPixels ：「+ $（」＃DIV ADIV「）長度）'？ – Gottox 2012-04-02 11:43:31

在FF我得到：TopHeightInPixels：[對象對象]和TopHeightInPixels：1 – suri 2012-04-02 11:52:30

看到這個問題的答案：Detecting the position of a div

一個div的頂部是其y座標一般。不確定盒子模型是否允許抵消div的原點，但我很確定它沒有。

來源

2012-04-02 11:23:46

嗨邁克爾，thx的快速回答，但問題是，抵消似乎不工作，因爲我上面寫道... :-( – suri 2012-04-02 11:30:39

@ suri在你提供的小提琴的頂部偏移量是0 ...檢查出這個小提琴輕微的CSS模仿http://jsfiddle.net/vfLKj/ – lnrbob 2012-04-02 11:44:25

是的，但你有沒有嘗試在該鏈接提到谷歌代碼？ – 2012-04-02 13:58:47

top屬性設置您的位置相對於其父項，但父項需要有一個高度才能使用百分比。

請參閱jsFiddle。

來源

2012-04-02 11:38:14 jb10210

試一下這個

$('#adiv').offset().top

來源

2014-09-09 08:08:02

如何以像素爲單位設置div的頂部值？

回答

相關問題