title: jQuery Smooth Scrolling is not working
body: <p>I have this code for smooth scroll:</p>
  
  <pre><code>$(".navbar-nav li a[href^='#']").on('click', function(e) {
      e.preventDefault();
      $('html, body').animate({
          scrollTop: $(this.hash).offset().top
      }, 1000);
  });
  </code></pre>
  
  <p>which is working for links like <code>&lt;li&gt;&lt;a href="#intro"&gt;Intro&lt;/a&gt;&lt;/li&gt;</code> but it doesn't seem to work for links like: <code>&lt;li&gt;&lt;a href="#home#intro"&gt;Intro&lt;/a&gt;&lt;li&gt;</code> 
  Any idea how to make the later link work ?</p>