title: scroll to section by section
body: <p>I have HTML markup:</p>
  
  <h2>HTML:</h2>
  
  <pre><code>&lt;body&gt;
      &lt;header&gt;&lt;/header&gt;
  
      &lt;nav&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="#one"&gt;one&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#two"&gt;two&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/nav&gt;
  
      &lt;section id="one"&gt;&lt;/section&gt;
      &lt;section id="two"&gt;&lt;/section&gt;
  
      &lt;footer&gt;&lt;/footer&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>where <strong>section is fullscreen</strong> (width: 100%; height:100%;) and <strong>menu</strong> have <strong>absolute position.</strong></p>
  
  <h2>Question:</h2>
  
  <ol>
  <li>How can I use mouse scroll (or keys ) to scroll and snap to each section?</li>
  <li>When scroll <strong>to last</strong> section then <strong>scroll-down to #one</strong> again and repeat it.</li>
  <li>When I click on link, it scroll to section.</li>
  </ol>
  
  <p>Thank you for your suggestions, ideas, code.</p>