title: JQuery animate to a position based on vw
body: <p>I have a title whos position from the top of the page is based on margin-top with a vw value.</p>
  
  <pre><code>.name_slogan {
  width: 1000px;
  margin: auto;
  z-index: 1;
  margin-top:7vw;
  }
  </code></pre>
  
  <p>I'd like this title to move in from above and then have the title margin-top behave as a vw normally would. Meaning it grows and shrinks as the window is resized.</p>
  
  <p>So far, I have moved the div off the page on page load:</p>
  
  <pre><code>$('.name_slogan').css({
      position: 'relative',
      top: '-300px'
  });
  </code></pre>
  
  <p>And then I can bring it back on to a set position:</p>
  
  <pre><code>$('.name_slogan').animate({top: "200px"}, 5000); 
  </code></pre>
  
  <p>But then, of course, vw does not work. So if possible, I'd like something like this non working code:</p>
  
  <pre><code>$('.name_slogan').animate({top: "7vw"}, 5000); 
  </code></pre>