JQueryはvwに基づく位置にアニメーションを適用します

Question

タイトルがありますページの上部からの位置は、margin-topとvw値に基づいています。

.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);