Wie kann Ich das iFrame nach oben scrollen wenn sich der Inhalt ändert?

Wenn Du PollUnit auf Deiner Webseite einbettest, kann es sinnvoll sein, die scroll Position Deiner Webseite zu verändern wenn sich der Inhalt von PollUnit ändert. Z.B. wenn Du in einem Fotowettbewerb von der Übersicht auf die Einzelansicht wechselst und sich die Höhe des iFrames stark ändert. PollUnit kann leider nicht Deine Webseite fernsteuern und an eine andere Positionen scrollen. Dies muss auf Deiner Webseite passieren.

Damit dies klappt kannst Du mittels Javascript auf den load Event des iFrames hören und dann eine Funktion auslösen. In unserem Beispiel nennen wir die Funktion »customScrollFunction«, das iFrame bekommt von uns die ID »pollUnitIframe«.

Das Javascript was die Funktion auslöst könnte z.B. so aussehen:

document.getElementById('pollUnitIframe').onload = function() {
  customScrollFunction();
};

Die eigentliche Funktion die das iFrame anfährt könnte wie folgt aussehen.

customScrollFunction = function() {
 const element = document.querySelector('#pollUnitIframe');
 if (element) {
  element.scrollIntoView({ behavior: 'smooth', block: 'start' }); 
 }
};

Bitte beachte, dass wir das iFrame wieder Anhand unserer Beispielhaften ID heraussuchen. In manchen Fällen kann es nötig sein eine Eltern-Element des iFrames anzuscrollen oder ein Offset zu berücksichtigen. Dies kann z.B. der Fall sein wenn Deine Webseite einen fixierten Header hat. Dann musst Du unseren beispielhaften Code anpassen.