Übergeordnetes Fenster zum Anker im Iframe rollen

Question

Der übergeordnete Rahmen und der iframe befinden sich in derselben Domäne. Iframe hat eine dynamische Höhe und keine eigenen Bildlaufleisten - die Bildlaufleisten befinden sich im übergeordneten Fenster.

Trotz viel Suche kann ich keine Möglichkeit finden, das übergeordnete Fenster zu einem Anker im iframe beim Laden zu scrollen. d.h. die iframe-URL ist abc.com/iframe.html#link, aber beim Laden ist nur der obere Teil des iframe sichtbar - der übergeordnete Frame scrollt nicht zu #link. Kennt jemand eine Möglichkeit, dies mit Javascript (entweder im übergeordneten oder im iframe oder in beiden) oder auf andere Weise zu tun?

Gracias

Answer 1

Angenommen, Sie klicken auf einen Link, anstatt ihn zu verankern, versuchen Sie dies:

document.getElementById('id_of_link').scrollIntoView(true);

Bearbeiten: Wie wäre es mit window.parent.scroll(x,y), wobei x,y die Positionen der Elemente sind, die durch diese Methode abgerufen werden:

function getOffset( el ) {
    var _x = 0;
    var _y = 0;
    while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) {
        _x += el.offsetLeft - el.scrollLeft;
        _y += el.offsetTop - el.scrollTop;
        el = el.offsetParent;
    }
    return { top: _y, left: _x };
}
var x = getOffset( document.getElementById('yourElId') ).left;

Von: Abrufen der Position (X,Y) eines HTML-Elements

Answer 2

Haben Sie versucht, das # zu urlencodieren?

Versuchen Sie es: %23

Answer 3

Versuchen Sie dies

onscroll = (event) => {
    event.stopPropagation();
    event.preventDefault();

    window.scrollTo(0, 0); // scroll parent window to anchor in iframe
    return false;
};