Я использую iFrame Resizer @ DavidJBradshaw и столкнулся с проблемой, на которую не могу найти ответ.
Похоже, что iFrame Resizer устанавливает высоту iframe до загрузки изображений, икогда изображения наконец загружаются, iframe слишком короткий.Любой щелчок или изменение размера окна немедленно приводит к тому, что iFrame Resizer устанавливает правильную высоту.
Проблема возникает только при первой загрузке новой страницы (из того же домена) в iFrame.Все работает нормально при локальном тестировании моего сайта, а также работает хорошо, когда браузер кэширует все файлы, поэтому возврат к странице, размер которой не был корректным при первом просмотре, работает нормально.
Вот iframeтеги:
<iframe id="newsframe" src="foo.html" width="100%" scrolling="no" frameborder="0"></iframe>
Вот что у меня есть в конце страницы, содержащей фрейм:
<script src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/iframeResizer.min.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript">
$(window).load(function() {
$("#graphic").hide().css("visibility", "visible").fadeIn(200);
});
iFrameResize({ log: false }, '#newsframe')
</script>
</body>
</html>
А вот что у меня есть в конце iframe html:
<script type="text/javascript" src="../../../../js/iframeResizer.contentWindow.min.js" defer></script>
</body>
</html>