JQuery 動畫到基於 vw 的位置

Question

我有一個標題，其從頁面頂部的位置基於帶有 vw 值的 margin-top。

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

我希望這個標題從上方移入，然后讓標題 margin-top 表現得像普通大眾一樣。 這意味着它會隨着窗口大小的調整而增長和縮小。

到目前為止，我已經在頁面加載時將 div 移出了頁面：

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

然后我可以把它恢復到一個固定的位置：

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

但是，當然，vw 不起作用。 所以如果可能的話，我想要這樣的非工作代碼：

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

Answer 1

jQuery 可以自行訪問您的視口尺寸 - 您應該能夠做到

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