Как я могу добиваться, чтобы всякий раз когда контент увеличился или уменьшился размера, приспособился iframe, который это содержит?
Если существует какой-то plugin JQuery, чистый язык сценариев JavaScript или простое решение было бы большого вклада, так как то, что мне только удается сделать, состоит в том, чтобы он приспособился к контенту как только он закончил грузить, но не всякий раз когда он изменяется.
Я присоединяю код, который я имею по отношению к моменту:
document.getElemenById('iframeToResize').onload = function() {
var newheight = this.contentWindow.document.body.scrollHeight,
newwidth = this.contentWindow.document.body.scrollWidth;
this.height = (newheight) + 'px';
this.width = (newwidth) + 'px';
};
Шрифты опоры:
Ты можешь иметь доступ в <iframe>
с контента этого (всякий раз когда они были того же домена):
var iframe = window.parent.document.getElementById('miIframe');
Для твоего особенного случая, ты был бы должен считать что-то сходным в:
window.onresize = function() {
var iframe = window.parent.document.getElementById('miIframe');
iframe.style.width = window.style.width;
iframe.style.height = window.style.height;
}
Прими во внимание стоимость margin
контента iframe для того, чтобы вычисление было более точным.
Доказательство и позволь мне знать.
Ты мог бы использовать Seamless.js, очень полезный encontrás для IFrames
.
Он превосходный, чтобы мочь работать с динамическим контентом.
Протестируй с нею librerГ - FIT.js
. Эта librerГ - в utiliza свойства scale
из css3
для redimensionar один div
или любой элемент dom
, основанный в Ваш posiciГіn и первоначальные размеры, чтобы поддерживать подходящие пропорции.
Соединение в нее librerГ - в http://soulwire.github.io/fit.js/
$('form').resize();
, но также. – Chofoteddy 05.12.2015, 20:23