顯示器顯示設置的頁邊距動畫問題

Question

我在網頁上有一個動畫問題。我有這個文本里面的文本，我使用CSS設置邊距，當頁面加載時，我使用jquery動畫div到頁面的某個部分。問題是它與我的具體像素設置一起工作，但如果我改變屏幕分辨率（像素）的顯示器顯示設置的屬性，div不會動畫到合適的位置，並且它甚至不會在適當的位置開始從CSS。

示例代碼：

#div{ 
position:absolute; 
top:20px; 
left:50px 
} 

$("#div").animate({marginLeft: "250px"},2000); 

有沒有辦法在選擇恰當的位置有動畫緣端的設置，無論屏幕分辨率是什麼？

Answer 1

您正在動畫margin-left屬性，而不是left位置屬性。我的猜測是，如果你切換到你會得到你想要的結果。

此外，您可能需要爲您的#div指定一個寬度，因爲絕大多數時間絕對定位元素的寬度都會更好。

Answer 2

我能夠找到解決方案，不知道該解決方案是否是最佳實踐，或者如果它是一個聰明的解決方案。基本上我所做的是設置一個如果條件所有不同的屏幕分辨率設置，並與每個人都有自己的參數。例如：

if(screen.width==1600&& screen.height==960) 
{ 
    $("#div").animate({marginLeft: "350px"},2000); 
} 
if(screen.width==1250&& screen.height==7500) 
{ 
    $("#div").animate({marginLeft: "570px"},2000); 
} 
etc..