В этой статье описывается очень адаптируемое решение iframe в Cross-Browser, которое очень практично. Поделитесь этим для вашей ссылки. Конкретные методы следующие:
Этот метод использует jQuery, поэтому jQuery должен быть введен на страницу SRC Iframe.
Родительская страница относительно проста, в основном, включая следующий код:
<iframe id = "if1" scolling = "no" src = "2.html"> </iframe>
Код на странице SRC Iframe выглядит следующим образом:
<script type = "text/javascript"> function resizecontent () {$ (window.parent.document) .find ("#if1"). Height ($ ("#content"). Height ());} Функция Show400 () {if ($ ("#test400"). $ ("#test400"). CSS ("Display", ""); releszecontent (); } else {$ ("#test400"). CSS ("Display", "none"); releszecontent (); }} $ (document) .ready (function () {resizecontent ();}) </script> <div id = "Left111"> <div onclick = "test400 ()"> </div> <div> <a href = "productlist.html"> hyperlink </a> </div> href = "productCategory.html"> Hyperlink </a> </div> <div> <a href = "productCategory.html"> Hyperlink </a> </div> <div> <a href = "productcategory.html"> hyperlink </a> </div> <div = "test400" style="display:none;height:400px;"></div> <div><a href="Orders.html">Hyperlink</a></div> <div><a href="Keywords.html">Hyperlink</a></div> <div><a href="#">Hyperlink</a></div> <div><a href = "#"> hyperlink </a> </div> <div> <a href = "#"> Hyperlink </a> </div> <div> <a href = "#"> гиперссылка </a> </div> <div> <a href = "#"> hyperlink </a> </div> <div> <a href = "#"#"#"> hyperlink </a> </div> <div> <a href = "#"#"> hyperlink </a> </div> <div> <ah href ="#" /> < /div>Примечания:
Внутри
$ (window.parent.document) .find ("#if1"). Height ($ ("#content"). Height ());Это предложение было изначально:
$ (window.parent.document) .find ("#if1"). Height ($ (Document) .height ());Адаптивная высота может быть достигнута, но адаптация масштабирования не может быть достигнута. Поскольку высота документа - это самая высокая высота, которая была отображена, если вы нажмете, чтобы развернуть здесь, IFRAME не будет сокращаться, но отобразит только высокую высоту, которая была отображена .
Так что здесь нам нужно использовать родительский контейнер слоя, то есть последний код. Это обеспечивает адаптивность.
Я считаю, что описание в этой статье имеет определенную справочную ценность для программирования каждого JQUERY.