title: Force page scroll position to top at page refresh in HTML
body: <p>I am building a website which I am publishing with <code>div</code>s. When I refresh the page after it was scrolled to position X, then the page is loaded with the scroll position as X.</p>
  
  <p>How can I force the page to be scrolled to the top on page refresh?</p>
  
  <ul>
  <li><p>What I can think of is of some JS or jQuery run as <code>onLoad()</code> function of the page to <strong>SET</strong> the pages scroll to top. But I don't know how I could do that.</p></li>
  <li><p>A better option would be if there is some property or something to have the page loaded with its scroll position as default (i.e. at the top) which will be kind of like <em>page load</em>, instead of <em>page refresh</em>.</p></li>
  </ul>