title: Disable scrollable event on a specified id
body: <p>I have a responsive navigation on my website. And, this js code is for smooth scrolling within my webpage.</p>
  
  <pre><code>$(function(){$("a[href*=#]:not([href=#])").click(function() {
  if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")
  &amp;&amp;location.hostname==this.hostname){
  var target=$(this.hash);
  target=target.length?target:$("[name="+this.hash.slice(1)+"]");
  if(target.length){
  $("html,body").animate({scrollTop:target.offset().top},1000);return false}}})});
  </code></pre>
  
  <p>When i create a link <code>&lt;a href="#topWrapper"&gt;Scroll to Topwrapper&lt;/a&gt;</code>, i can scroll it smoothly to the <code>div</code> as long as the div name is <code>#topWrapper</code> or <code>#whatever</code>. I have also an id name <code>navi</code> in my navigation. I would like to ask that, is there anyway i can disable the id in this js code so that it doesn't scroll when i click on the hamburger icon to open the menu? Thank you!</p>
  
  <p>Hope you understand what i am asking as English is not my primary language. Thank you!</p>
  
  <p><strong>Update:</strong></p>
  
  <pre><code>&lt;nav class="menu" id="navi"&gt;
    &lt;ul&gt;
      &lt;li class="has-sub-menu"&gt;&lt;a href="/"&gt;About&lt;/a&gt;
        &lt;ul class="sub-menu"&gt;
          &lt;li&gt;&lt;a href="#"&gt;Our Vision&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Our Services&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Latest New&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Our Blog&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class="has-sub-menu"&gt;&lt;a href="/"&gt;Gallery&lt;/a&gt;
        &lt;ul class="sub-menu"&gt;
          &lt;li class="has-sub-menu"&gt;&lt;a href="#"&gt;Kitchen Cabinet&lt;/a&gt;
            &lt;ul class="sub-menu"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Melamine ABS Kitchen Cabinet&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Acrylic Door Kitchen Cabinet&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;3G Glass Door Kitchen Cabinet&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;4G Glass Door Kitchen Cabinet&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li class="has-sub-menu"&gt;&lt;a href="#"&gt;Wardrobe Design&lt;/a&gt;
            &lt;ul class="sub-menu"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Swing Door Wardrobe&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Sliding Door Wardrobe&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Walk In Closet&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;TV Cabinet&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Study Table Design&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;3D Cabinet Design&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Others Cabinet Design&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class="has-sub-menu"&gt;&lt;a href="#"&gt;Materials&lt;/a&gt;
        &lt;ul class="sub-menu"&gt;
          &lt;li class="has-sub-menu"&gt;&lt;a href="#"&gt;Doors&lt;/a&gt;
            &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Melamine ABS Door&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;3G Glass Door&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Acrylic Door&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;4G Glass Door&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Membrane Pressed&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Multi-Layer Ply Laminated&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class="has-sub-menu"&gt;&lt;a href="#"&gt;Carcass&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Compressed Wood&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Blockboard&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Solid Wood&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Aluminium&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class="has-sub-menu"&gt;&lt;a href="#"&gt;Worktop&lt;/a&gt;
        &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;HPL Worktop&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Solid Surface&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Granite Stone&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Quartz Stone&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class="has-sub-menu"&gt;&lt;a href="#"&gt;Promotion&lt;/a&gt;
        &lt;ul class="sub-menu"&gt;
      &lt;li&gt;&lt;a href="#"&gt;Kitchen Cabinet&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Wardrobe&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Appliances&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Extended Promotion&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
      &lt;li class="has-sub-menu"&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;
        &lt;ul class="sub-menu"&gt;
          &lt;li&gt;&lt;a href="#"&gt;Contact Information&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Enquiry Form&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;Meet Our Designers&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Facebook&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Twitter&lt;/a&gt;&lt;/li&gt;
          &lt;li class="share"&gt;&lt;a href="#"&gt;Whatsapp&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p><strong>Js Code for navigation:</strong></p>
  
  <pre><code> $(document).ready(function(e){
  var t=$("#navi"),a=$(".menu-link"),l=$(".has-sub-menu &gt; a");
  a.click(function(e){e.preventDefault(),a.toggleClass("active"),t.toggleClass("active")}),l.click(function(e){e.preventDefault();
  var t=$(this);t.toggleClass("active").next("ul").toggleClass("active")}),e.preventDefault()});
  </code></pre>