jquery - 监视器显示设置的边距动画问题

Question

我对网页上的动画有疑问。我有这个 div，里面有文本，我使用 css 设置边距，当页面加载时，我使用 jquery 将 div 动画化到页面的特定部分。问题是它适用于我的具体像素设置，但如果我在屏幕分辨率(像素)中更改监视器显示设置的属性，则 div 不会动画到适当的位置，甚至不会在适当的位置开始来自 CSS。

示例代码:

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

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

有没有办法无论屏幕分辨率是多少，都可以在适当的位置结束动画边距的设置？

Answer 1

我找到了解决方案，但不确定该解决方案是最佳实践还是明智的解决方案。基本上我所做的是为所有不同的屏幕分辨率设置设置一个if 条件，并且每个设置都有自己的参数。例如:

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..