JQuery 动画到基于 vw 的位置

JQuery animate to a position based on vw

本文关键字：vw 位置 动画 JQuery      更新时间：2023-09-26

我有一个标题，它从页面顶部的位置是基于带有 vw 值的边距顶部。

.name_slogan {
width: 1000px;
margin: auto;
z-index: 1;
margin-top:7vw;
}

我希望这个标题从上面移入，然后让标题边距顶部表现得像大众汽车通常一样。这意味着它会随着窗口大小的调整而增长和缩小。

到目前为止，我已经在页面加载时将div 移出页面：

$('.name_slogan').css({
    position: 'relative',
    top: '-300px'
});

然后我可以把它放回设定的位置：

$('.name_slogan').animate({top: "200px"}, 5000);

但是，当然，大众不起作用。所以如果可能的话，我想要这样一些非工作代码：

$('.name_slogan').animate({top: "7vw"}, 5000);

jQuery 可以自行访问您的视口尺寸 - 您应该能够这样做

$('.name_slogan').animate({top: $(window).width()*0.07}, 5000);
相关文章：