jQuery はページのコンテンツに応じて iframe の高さを調整するメソッドを実装するだけです

高洛峰
リリース: 2016-12-27 15:35:23
オリジナル
1228 人が閲覧しました

この記事の例では、jQuery がページのコンテンツに応じて iframe の高さ調整を実装する方法を簡単に説明します。参考として、次のようにみんなと共有してください:

方法 1:

//注意:下面的代码是放在和iframe同一个页面中调用
$("#iframeId").load(function () {
    var mainheight = $(this).contents().find("body").height() + 30;
    $(this).height(mainheight);
});
ログイン後にコピー

方法 2:

//注意:下面的代码是放在iframe引用的子页面中调用
$(window.parent.document).find("#iframeId").load(function () {
    var main = $(window.parent.document).find("#iframeId");
    var thisheight = $(document).height() + 30;
    main.height(thisheight);
});
ログイン後にコピー

この記事が jQuery プログラミングのすべての人に役立つことを願っています。

jQuery がページのコンテンツに応じて iframe の高さ調整を実装する方法に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!