высота iframe не меняется, когда динамическая высота источника изменяется

Question

У меня есть html-страницы A и B. Я включаю html B-страницу в html A, используя iframe.

Означает источник исходной точки iframe на «стр. B».

Проблема, если страница B изменяется динамически - высота iframe не изменяется. Как я могу это контролировать?

Answer 1

IFrame является частью страницы A, поэтому его размер контролируется DOM страницы A. Если вы хотите, чтобы страница B (содержимое iframe) влияла на размер iframe на странице A, вы можете сделать это с небольшим количеством Javascript, если обе страницы и страница B находятся в одном домене.

Javascript, что бы работать на страницу B:

var iframe = window.parent.getElementById("iframe-id"); // Get the iframe from the parent window 
iframe.style.width = newwidth; // set its width (should be a string "##px") 
iframe.style.height = newheight; // set its height (should be a string "##px") 

Где newwidth и newheight извлекаются из любой динамически изменять размер элементов на странице B.