title: Vertical scroll animation to certain content on the page with javascript
body: <p>I have a rotating site that goes to different page.  Those pages will be on a tv monitor, and will overflow in height.  I would like to use a vertical scroll plugin that determines the last piece of content within the viewport and scrolls to that portion making it to the top.  Once the bottom of the page is reached, a redirect to a new page will be made and process repeats.  Is there a plugin out there that handles that, or a simple solution?</p>
  
  <p>Below if the viewport gets cut off at the third game div, then it would scroll to that div moving it to the top.</p>
  
  <pre><code>&lt;div class="game"&gt;
  
  Game Data
  
  &lt;/div&gt;
  
  &lt;div class="game"&gt;
  
  Game Data
  
  &lt;/div&gt;
  
  &lt;div class="game"&gt;
  
  Game Data
  
  &lt;/div&gt;
  
  &lt;div class="game"&gt;
  
  Game Data
  
  &lt;/div&gt;
  
  &lt;div class="game"&gt;
  
  Game Data
  
  &lt;/div&gt;
  </code></pre>