document.addEventListener(„DOMContentLoaded“, function(event) { var iFrame = document.getElementById(„events-iframe-38101486-183f-4763-8fef-a8b459716950“); var triggerOffset = 200; iFrame.src = iFrame.src+“&“+window.location.search.substr(1); listenToHeightChangeMessagesFromIFrame(); loadNextPagesUntilUserHasEnoughContentToScroll(); handleScrolling(); function listenToHeightChangeMessagesFromIFrame(){ window.addEventListener(‚message‘, function (event) { var message = event.data; if (message.source === „events-iframe-38101486-183f-4763-8fef-a8b459716950“ && message.height != null) iFrame.style.height = message.height + ‚px‘; }); } function loadNextPagesUntilUserHasEnoughContentToScroll(){ window.addEventListener(‚message‘, function (event) { var message = event.data; if (message.source === „events-iframe-38101486-183f-4763-8fef-a8b459716950“ && message.iFrameLoaded) { setInterval(() => { if (window.innerHeight >= document.body.clientHeight – triggerOffset) { requestMoreEvents(); } }, 1000) } }); } function handleScrolling(){ window.addEventListener(„scroll“, function () { var bottomOfIFrameReached = window.innerHeight >= iFrame.getBoundingClientRect().bottom – triggerOffset; if (bottomOfIFrameReached) { requestMoreEvents(); } }) } function requestMoreEvents(){ iFrame.contentWindow.postMessage({loadMoreEvents: true, source: „parent-events-window“}, ‚*‘); }});