Skip to main content
Antwort

Iframe springt beim Linklick bis zum Seitenheader

  • January 18, 2024
  • 1 Antwort
  • 117 Aufrufe

Forum|alt.badge.img

Hallo! Ich habe das IFrame von Personio ganz normal als Iframe eingebunden, aber jedesmal wenn man einen Klick im Iframe macht lädt er immer bis zum Seitenheader anstatt genau dort zu bleiben wo man war. Das ist natürlich für einen User sehr nervig wenn er mindesten 3 mal wieder nach unten scrollen muss um seine Bewerbung auszufüllen. Kann man das verhindern?

Bei Teufel, die ja auch Personio nutzen, passiert das scrollen aus irgendeinem Grund nicht. Danke schonmal! :)

Beste Antwort von k4dd1

Hab die Lösung selbst gefunden! Für diejenigen die das selbe Problem haben: 

 

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Job Site</title>
  </head>
  <body>
  
<iframe id="deinejobs" marginheight="0" marginwidth="0" name="teufeljobs" scrolling="no" src="https://deinekarriereseite.jobs.personio.de" style="margin-left: 0px;height: 3000px;" width="100%" height="" frameborder="0"></iframe>
      <script>
           window.addEventListener('message', function(e) {
    var iframe = document.querySelector('#spengeljobs');
    var eventName = e.data[0];
    var data = e.data[1];
    switch (eventName) {
        case 'setHeight':
            iframe.style.height = data + 'px';
            break;
    }
}, false); 
      </script>
  </body>
</html>

1 Antwort

Forum|alt.badge.img
  • Autor*in
  • First Steps
  • Antwort
  • January 22, 2024

Hab die Lösung selbst gefunden! Für diejenigen die das selbe Problem haben: 

 

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Job Site</title>
  </head>
  <body>
  
<iframe id="deinejobs" marginheight="0" marginwidth="0" name="teufeljobs" scrolling="no" src="https://deinekarriereseite.jobs.personio.de" style="margin-left: 0px;height: 3000px;" width="100%" height="" frameborder="0"></iframe>
      <script>
           window.addEventListener('message', function(e) {
    var iframe = document.querySelector('#spengeljobs');
    var eventName = e.data[0];
    var data = e.data[1];
    switch (eventName) {
        case 'setHeight':
            iframe.style.height = data + 'px';
            break;
    }
}, false); 
      </script>
  </body>
</html>