JQuery根据vw动画到一个位置

Question

我有一个标题，从页面顶部开始的位置是基于margin-top和vw值。

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

我喜欢这个标题从上面移动，然后标题margin-top表现为正常情况下的vw。意味着它会随着窗口的大小调整而增长和缩小。

到目前为止，我已经在页面加载页面上移动了div：

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

然后我可以把它带回到一个固定的位置：

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

但是，当然，大众不行。所以，如果可能的话，我喜欢这样的非工作代码：

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

Answer 1

jQuery可以自己访问您的视口尺寸 - 您应该可以

$('.name_slogan').animate({top: $(window).width()*0.07}, 5000);