jquery header automatisch überscrollen

Vielleicht kann mir hier jemand helfen:
Ich versuche nach dem Laden einer Seite, also sobald ich eine bestimmte Domain aufgerufen habe, www.meine-domain.de/unterseite.html die Seite dazu zu bringen, nach #wrapper zu scrollen, also den Header quasi zu überscrollen.

Versucht habe ich:

<script>
jQuery(document).ready(function($){
if ( $(window).width() < 768 || window.Touch) {
$('html, body').animate({
scrollTop: $("#wrapper").offset().top
}, 2000);
}
});
</script>

--> die Seite überscrollt den Header zwar, aber nur wenn ich sie mit STRG + F5 neu aufrufe, nicht wenn ich von einer anderen Seite komme

Mein Ansatz jetzt wäre irgendwie so: (die Lösung habe ich gegoogelt, komme jetzt aber nicht weiter, weil ich das JS nicht verstehe und somit nicht anpassen kann)

<script>
window.onload = function() {
var element = document.getElementById('main');
element.scrollIntoView({block: "start", behavior: "smooth"});
}
</script>

Kann mir vielleicht jemand helfen?

DANKE.

Code:

---

<script>
$(document).ready(function () {
$('html, body').animate({
scrollTop: $('#deineID').offset().top
}, 'slow');
});
</script>

---

das sollte gehen, macht es zumindest bei mir.

Code:

---

$(document).ready(function () {
    if ( $(window).width() < 768 || window.Touch) {
        $('html, body').animate({
            scrollTop: $('#sub2').offset().top
        }, '2000');
    }
});

---

Für deinem Fall dann so.