title: Nuxt.js: How to override scrollBehaviour for a single route change
body: <p>I have a nuxt-page where I scroll to the top on every router change. We defined this in the nuxt.config.js</p>
  
  <pre><code>scrollBehavior (to, from, savedPosition) {
    return ({ x: 0, y: 0 })
  }
  </code></pre>
  
  <p>Now I have one single Navigation link which is a little special: «Contact» does not lead to a new page with just the contact information, but instead it should go to the footer where the contact details are written on every page.
  So I added a link (not a nuxtlink) to link to the <code>#contact</code> anchor in the footer.</p>
  
  <pre><code>  &lt;a class="Submenu__link Submenu__link--contact" href="#contact"&gt;
      Contact
    &lt;/a&gt;
  </code></pre>
  
  <p>This does not work though because it registers a route change and sets the page to the top again. (At least that is my assumption).
  I tried to execute some function to set the scrollTop property but then I see a flicker, where it scrolls a bit but is then reset to the top:</p>
  
  <pre><code>  &lt;li class="Submenu__item"&gt;
      &lt;a @click="closeNavAndScroll" class="Submenu__link Submenu__link--contact" href="#contact"&gt;
        Contact
      &lt;/a&gt;
    &lt;/li&gt;
  </code></pre>
  
  <p>And I declared a method (closing nav works):</p>
  
  <pre><code>closeNavAndScroll () {
    this.closeNavMenu()
    window.scrollTop(400)
  }
  </code></pre>
  
  <p>So I thought I find some information here:
  <a href="https://nuxtjs.org/api/configuration-router#scrollBehavior" rel="noreferrer">https://nuxtjs.org/api/configuration-router#scrollBehavior</a></p>
  
  <p>But as far as I could understand there is only a declaration for setting the scrollBehaviour for all routes.
  Can I somehow say whenever the route includes <code>#contact</code> I don't want the app to mess with my scroll position?</p>
  
  <p>Thanks for any help on this.</p>
  
  <p>Cheers</p>