const ibe = document.getElementById('ibe');
window.addEventListener( 'message', (message) => { if (message.data.event === 'iberesized') { ibe.style.height = message.data.height + 'px'; } else if (message.data.event === 'scroll') { const posIbe = ibe.getBoundingClientRect().top; const newPos = posIbe + window.pageYOffset + message.data.position; window.scroll({ top: newPos, left: 0, behavior: message.data.behavior, }); } }, false );
window.addEventListener('scroll', () => { ibe.contentWindow.postMessage( { event: 'parent-scroll', position: document.documentElement.scrollTop, }, '*' ); });
window.addEventListener('message', function(message) { if (message.data.event === 'iberesized') { document.getElementById('ibe').style.height = message.data.height + 'px'; // ibe muss durch die DOM-ID des iframes ausgetauscht werden } }, false); window.addEventListener('message', function(message) { if (message.data.event === 'iberesized') { $('#ibe') // #ibe muss durch die DOM-ID des iframes ausgetauscht werden .height(message.data.height); } }, false);