JQuery iframe междоменная динамическая высота

Question

Возможно ли это даже с jquery только без громоздких плагинов?

Я знаю, что есть много плагинов и альтернатив, я ищу самые короткие, надежные и самые чистые (желательно опираясь на jquery)

Вот основные jsfiddle, чтобы испытать ваши мысли: http://jsfiddle.net/3vPJd/

Answer 1

Я должен идти с «Это невозможно» из-за того, что родительская страница не может получить высоту сторонней страницы, так как она из другого домена, чем родительская страница.

Редактировать: это можно сделать, если у вас есть контроль над сторонней страницей.

Лично я бы просто использовал метод, который они уже реализовали, он не требует jQuery, вам просто нужно включить frame.js .

В этот момент все, что вам нужно, - это метод на родительской странице, который прослушивает, когда изменяется хеш, и соответствующим образом изменяет размер iframe, который также уже написан сайтом, на который вы ссылались. это уже очень чистое решение, нет необходимости изменять его. Его можно найти здесь .

Answer 2

Эта маленькая библиотека будет делать то, что вы хотите.Он использует postMessage для связи между iFrame и родителем, поэтому работает междоменная.Он также использует MutationObserver и EventListeners для обнаружения изменений содержимого и правильного размера iFrame.

https://github.com/davidjbradshaw/iframe-resizer