title: JQuery Smooth Scroll - How to not target one anchor link?
body: <p>I'm using the following Jquery to smooth scroll between the anchor links on my page. I have one link that I would like this not to target - is there a way to edit the code to target all but one anchor link?</p>
  
  <p>I have copied the link below also.</p>
  
  <pre><code>var $root = $('html, body');
  
  $(document).on('click', 'a[href^="#"]', function (event) {
    event.preventDefault();
  
    $('html, body').animate({
        scrollTop: $($.attr(this, 'href')).offset().top
    }, 500);
  }); 
  </code></pre>
  
  <p>This is the link I do not want to be called: </p>
  
  <pre><code>&lt;a href="#" class="cn-set-cookie button wp-default"&gt;Ok&lt;/a&gt;
  </code></pre>
  
  <p>These are links I do want to call with the function:</p>
  
  <pre><code>&lt;li class="key-details"&gt;&lt;a href="#key-details-scroll"&gt;Key Information&lt;/a&gt;&lt;/li&gt;
  &lt;li class="about"&gt;&lt;a href="#about"&gt;About the Service&lt;/a&gt;&lt;/li&gt;
  &lt;li class="health"&gt;&lt;a href="#health-experience"&gt;Health Experience&lt;/a&gt;&lt;/li&gt;
  </code></pre>