Skip to main content
Answered

Iframe springt beim Linklick bis zum Seitenheader


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>

Zum Originalpost

Forum|alt.badge.img
  • Visitor
  • 22. Januar 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>


Deine Antwort