title: How to do auto scorll
body: <p>I have in my site some divs<br>
  And I want that when the user scorll up a litlle the page will scorll and the next div will be shown<br>
  For example if I have 2 divs:</p>
  
  <pre><code> &lt;div style="height:800px;"&gt;some content &lt;/div&gt;
   &lt;div style="height:800px;"&gt;some content &lt;/div&gt;
  </code></pre>
  
  <p>So when the page loaded the first div is shown, Now I want that if the user scorll a litlle bit to the next div the all page will scroll up and the next div will be display</p>