無法獲取Div的位置動畫

Question

我想在bottom鏈接click動畫上一個div到的3px如果位置已經30％和上升，如果是3px的後。

$(document).ready(function() { 

    $('#picsClick').click(function() { 

     if ($('#mainLogo').position().bottom === '30%') { 
      $("#mainMenu").animate({ bottom: "3px" }, 1100); 
     } 
     else if (($('#mainLogo').position().bottom === '3px')) { 
      $("#mainMenu").animate({ bottom: "30%" }, 1100); 

     } 

    }); 
}); 

不知怎的，它不運行，因爲我已經設置MAINMENU div位置bottom30％，它的位置是absolute。
謝謝。

Answer 1

position（）返回的對象只包含left和top屬性。所以底部是和未知的屬性，因此你的代碼失敗。請致電jQuery documentation。

Answer 2

jquery position API確實給出了一個元素的座標。 X和Y--這對你來說意味着頂部和左邊。你需要重構你的邏輯。即使你這樣做後，你應該注意返回的值是數字 - 絕對值基於你的元素位置w.r.t頁面的尺寸。你不能指望百分比。因此你的比較邏輯也會改變。

例如，如果這是你的元素：

<input type="text" id="inpId" name="address" value="* Property Address :" style="top: 30%; position: absolute; "> 
console.log(typeof $('#inpId').position()['top']) // "number" 
console.log(typeof $('#inpId').position()['bottom']) // "undefined" 

見jquery position

編輯：以圍繞着底部你的邏輯，你需要計算同在頂部的條款。看到這個問題：

Get bottom and right position of an element

希望它能幫助:)