Scrollbalken, position

[derkps]

Hallo, in der Endversion wird ein 'panorama.svg' benutzt und das bedingt ein iframe. Vorerst nur ein breites 'panorama.jpg' mit overflow-x auf SEITE1 Das beiläufige overflow-y mit langem Beitrag habe ich jetzt auf SEITE2 gesetzt.

Vorhandener JS-Code funktioniert in einer user.js Datei. Z.B.

HTML
<div><button id="goBack"> <img src="images/stories/module/zurueck01.jpg" alt="zurück" /> </button></div>

JS
document.addEventListener("DOMContentLoaded", function() { 
    if (document.getElementById("goBack")) { 
      document.getElementById("goBack").addEventListener("click", Back);
    }
  }
);
function Back() {
   window.history.back();
}

Für SEITE2 benutze ich aktuell

JS
window.scrollTo({
	top: (document.documentElement.offsetHeight - window.innerHeight)/2,
});

Es zeigt keine Wirkung und ich verstehe auch nicht, wie der Code der SEITE2 zugeordnet wird. 'window' gilt doch für alle, auch ohne y-overflow.

Für SEITE1 benutze ich aktuell

HTML
<div class="scroll"><iframe src="/images/stories/seiten/panorama.jpg" width="3000px" height="400px"></iframe></div>

CSS
.scroll {
  width: 1500px;
  overflow-x: scroll;
}

JS
window.scrollTo (
const scrollFrame = document.querySelector(".com-content-article__body .scroll");
const y_excess = scrollFrame.scrollHeight - scrollFrame.clientHeight;
const x_excess = scrollFrame.scrollWidth - scrollFrame.clientWidth;
scrollFrame.scrollTo(x_excess/2, y_excess/2);
);

Es zeigt keine Wirkung und ich verstehe auch nicht, wie der Code der SEITE1 zugeordnet wird. Über die Klasse '.scroll'? Und 'scrollFrame' bezieht sich immer auf das iframe?

Ich habe von 20Jahre mal ernsthaft mit JS gearbeitet, da ist vieles weg 😞 VG