jQuery动画屏幕使用(x)%

jQuery animate to screen using (x)%

本文关键字：动画 屏幕 jQuery      更新时间：2023-09-26

我遇到了一个小问题，我想用(x)px来分隔另一个div中的一个div。

现在我有原来的div在

left: '30%';

但是我希望第二个div是

left: '30%' + (width of first div) + (5px of border space);

目前我不能让它工作，因为百分比不能添加一个px值(我相信)。

只是想知道是否有任何方法绕过这个，这也很容易理解。谢谢!

可以添加。使用calc() 

left: calc(30% + 250px + 5px); /* assuming width of your div is 250px;*/

EDIT: OP需要动画。

如果第二个div的位置相对于第一个，那么您应该能够使用第一个div的偏移量而不是设置百分比:

$('.div2').offset({
    left: $('.div1').offset().left +  $('.div1').outerWidth() + 5
})
相关文章：