...
Damit die Höhenanpassung des iFrames innerhalb einer Website funktioniert, muss die JavaScript-Bibliothek iFrameResizer in der Version 3.5.3 von David J. Bradshaw integriert werden:
https://github.com/davidjbradshaw/iframe-resizer/releases/tag/v3.5.3Die JavaScript-Datei muss im Header der Website referenziert werden:
Code Block language html <link rel="preload" href="https://path/to/iframeResizer.min.js" as="script" />
Wenn die Seite geladen ist, muss der Resizer initialisiert werden:
Code Block language js // Selektor des iFrames bei Bedarf anpassen $('iframe').iFrameResize({ heightCalculationMethod: 'grow', checkOrigin: false });
Der iFrame selbst wird folgendermaßen in die Website eingebunden:
Code Block language html <iframe src="https://www.ratioapp.de/webplattform/apps/MODUL/KUNDE" height="1800px" width="100%" scrolling="no" frameborder="0" data-autoresize="1"></iframe>