title: Next.js maintain scroll position when page Routing
body: <p>I am currently making a web site on Next.js boilerplate. </p>
  
  <p>My routing code is this. (below)</p>
  
  <pre><code>import Link from 'next/link'
  
  
  &lt;Link href={{ pathname: '/some-url', query: { param: something } }}&gt;
    &lt;div&gt;
      &lt;button type="button" onClick={handleClickMore}&gt;&lt;span&gt;+ More&lt;/span&gt;&lt;/button&gt;
    &lt;/div&gt;
  &lt;/Link&gt;
  </code></pre>
  
  <p>when I click this <code>&lt;Button&gt;</code> I do not want scroll position to be moved.
  But as you know, it moves to the top when the new page is being routed. Does anyone have any idea about maintaining scroll position when the new paged is being loaded.</p>