Почему функция определения высоты iframe каждый раз определяет разные значения?

Question

[IvanRivan]

Есть функция, суть которой выполняться по атрибуту onload у iframe, для того чтобы растягивать окно фрейма и убирать полоску прокрутки.
Код функции:

function resizeIframe(iframe) { 
let elem = document.getElementById('myFrame'); 
let size=elem.contentWindow.document.body.scrollHeight; 
elem.style.height = size + "px"; 
}

Страница загружается, фрейм загружается, его размер меняется, но приходится добавлять к высоте фрейма 75 пикселей, иначе полоска прокрутки иногда появляется из за того что каждый раз вычисляется разное значение высоты. Почему так происходит и как это побороть?

Answer 1

[zkrvndm]

Попробуйте использовать jQuery:
https://snipp.ru/jquery/auto-height-iframe
Если не поможет, скройте скролл фрейма при помощи CSS.

Comments

[IvanRivan]

Спасибо за вариант, но хотелось бы понять, почему на нативном JS каждый раз разные значения высоты определяются.
А сокрытие скрола не поможет, т.к. часть текста уползет и станет нечитаемым.

[zkrvndm]

IvanRivan, вероятно вам надо использовать MutationObserver, чтобы перевычислять высоту всякий раз при изменении содержимого iframe. Либо повесьте setInterval, чтобы корректировать высоту, допустим, каждые пол секунды или секунду.

[IvanRivan]

Надим Закиров, код html страницы, загружаемой через iframe никогда не меняется. Меняться может только ширина окна браузера после действий пользователя, но дело тоже не в этом, т.к. при одном и том же размере окна браузера, после обновления страницы каждый раз новый height у iframe. И еще раз повторю, что страница, загружаемая в iframe, остается неизменной.

[zkrvndm]

IvanRivan, тогда хз, надо экспериментировать, так сразу не скажу в чем дело.