title: On click, bring element to the top of the window (with offset)
body: <p>I want to click this button, which is a section head of an accordion and have it move to the top of page (based on window)</p>
  
  <p>I feel like this is simple --- but it was a long day. Any ideas?</p>
  
  <p>Some background is that this is an accordion like thing - and the buttons are headers. Because the accordion is long - and the phone screen is small --- when you fold and open... you can end up in some random middle area of a section and I'm trying to get that section to move to the top instead of a hash... I've tried a few hash ideas, but I'll also need an if statement to avoid this happening on larger screens. I hope that is clear. Thanks. OH and <a href="http://jsfiddle.net/sheriffderek/X4g6Y/" rel="nofollow">HERE is a fiddle</a></p>
  
  <p>HTML 
     
      </p>
  
  <pre><code>&lt;div class="some-div"&gt;&lt;/div&gt;
  
  &lt;div class="some-div"&gt;&lt;/div&gt;
  
  &lt;button&gt;button to endup up at top&lt;/button&gt;
  
  &lt;div class="some-div"&gt;&lt;/div&gt;
  &lt;div class="some-div"&gt;&lt;/div&gt;
  
  &lt;div class="some-div"&gt;&lt;/div&gt;
  
  &lt;div class="some-div"&gt;&lt;/div&gt;
  
  &lt;div class="some-div"&gt;&lt;/div&gt;
  &lt;div class="some-div"&gt;&lt;/div&gt;
  
  &lt;div class="some-div"&gt;&lt;/div&gt;
  
  &lt;button&gt;button to endup up at top&lt;/button&gt;
  </code></pre>
  
  <p><br /></p>
  
  <p>javascript</p>
  
  <pre><code>$('button').on('click', function() {
      $(this). go-to-the-top-with-an-offset-of-10px();  
  });
  </code></pre>