Блог

Я работаю над веб-сайтом WordPress и хочу встроить iframe из внешнего инструмента бронирования / бронирования.

Моя проблема: я не могу сделать высоту iframe динамической. Фиксированная высота iframe в этом случае не будет хорошим решением.

URL, который я хочу встроить
https://w1.roomsoftware.com/de/markus-raab

Пользовательский HTML-виджет Elementor:

<iframe src="https://w1.roomsoftware.com/de/markus-raab" id="booking"></iframe>

 <script>
// Selecting the iframe element
var iframe = document.getElementById("booking");

// Adjusting the iframe height onload event
iframe.onload = function(){
    iframe.style.height = iframe.contentWindow.document.body.scrollHeight   'px';
}
 

Есть идеи, что может быть причиной того, что это не работает?

На скриншоте показана полоса прокрутки встроенного iframe