title: jQuery SmoothScroll and Select-Option
body: <p>I'm creating a select menu to make my site responsive. I'm using smoothscroll (<a href="https://github.com/kswedberg/jquery-smooth-scroll" rel="nofollow">https://github.com/kswedberg/jquery-smooth-scroll</a>) to handle the scrolling of my regular a href #hash link menu items, but could use some help getting it to work for select &amp; option.</p>
  
  <p>Here is my select menu;</p>
  
  <pre><code>&lt;select&gt;   
      &lt;option value=""&gt; &lt;/option&gt;
      &lt;option value="#home" class="smoothscroll"&gt;Home&lt;/option&gt;
      &lt;option value="#what-we-do" class="smoothscroll"&gt;What we do&lt;/option&gt;
      &lt;option value="#case-studies" class="smoothscroll"&gt;Case Studies&lt;/option&gt;
      &lt;option value="#testimonials" class="smoothscroll"&gt;Testimonials&lt;/option&gt;
      &lt;option value="#contact" class="smoothscroll"&gt;Contact&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>And here is my jQuery code;</p>
  
  <pre><code>$('nav select').change(function() {
      $.smoothScroll({offset: -70, speed: 2000});
  });
  </code></pre>
  
  <p>As it is right now, if you scroll down on my page and use the select menu and choose any option, it smooth-scrolls back up to the top of the page -- not to the correct #hash tag. If you select an option when you're at the top of the page, nothing happens.</p>
  
  <p>Your help would be much appreciated. Thank you.</p>