How to smoothly scroll the page to a specified position after the entire page is fully loaded?

Question

css

How can I make the page scroll to the very top after reloading, and after the full load there is a smooth scroll to 700 pixels from the top? Like this site:

https://www.on-running.com/en-pl/technology/cloudtec

Answer 1

In jquery like this:

$("html, body").animate({scrollTop: "0px"}, {queue: false,duration: 0});
$(document).ready(function () {
  $("html, body").animate({scrollTop: "700px"}, 1000, 'swing');
});