我正在尝试使用带有 .css 的 jquery 将一个框动画化到屏幕宽度的中心,这将响应浏览器大小调整,但我似乎无法在不刷新浏览器的情况下让它在中心响应。这是代码:
<div class="box"></div>
.box {
position: absolute;
border: 1px solid red;
width: 300px;
height: 300px;
}
$(function(){
$(".box").css({left: $(window).width() / 2 - $(".box").width() / 2})
.animate({left: '-=0%', top: '100px'},700);
});
我尝试使用 .css({left:'50%'})
来响应浏览器大小,但现在框没有居中。
最佳答案
根据我在评论中提到的对您问题的理解,这是您可以使用的解决方案。
$(function(){
$(".box").css({left:'50%',transform:'translateX(-50%)'}).animate({top:'100px'},700);
});
关于javascript - 具有中心响应的 jquery 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30745439/