ホームページ > 記事 > ウェブフロントエンド > iframe スクロール バー問題_html/css_WEB-ITnose
iframe スクロール バー問題_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:18:21976ブラウズ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><link rel="stylesheet" href="style/base.css" type="text/css" /><link rel="stylesheet" href="style/main.css" type="text/css" /><script type="text/javascript" src="script/jquery-1.7.1.min.js"></script><style>body {margin:0px; padding:0px; font-size:12px; color:#333; width:100%; height:100%; background:#f5f6f8; }body, html{ height:100%; width:100%; }div,ul,li,h2,h3,h4,dl,dd,dt,tr,td,span,label,table{margin:0; padding:0;}ul,li{list-style:none;}.frame { height:100%; background:#ffffff; }#menu { width:798px; background:#243b60; height:40px;color:#FFF; margin-bottom:20px;}#menu ul li { width:115px; float:left; text-align:center;height:40px; line-height:40px; cursor:pointer; }</style></head><body onload="main()"><div id="Top"> <div class="header"> <div class="logo"></div> <div class="top_name">欢迎您：<span id="username">adminadmin</span><span id="logout">退出</span></div> </div></div><div id="mainContent"> <div id="main_left"> <!--左边菜单导航--> </div><!----main_left---> <div id="main_right"> <div id="menu"> <ul > <li>基本信息</li> <li>服务信息</li> <li>关于我们</li> <li>联系我们</li> </ul> </div> <iframe scrolling="no" class="frame" frameborder="0" name="frame" id="frame" src="main.htm" width="100%" height="100%" ></iframe></div></div></body></html> main.htm ページに多くのコンテンツがある場合、多くのコンテンツは iframe の下に表示されません。scrolling="auto" の場合、iframe にスクロール バーが表示されます。 iframe のコンテンツにはスクロール バーを含めることはできませんが、外側にスクロール バーがあるので、main.htm のコンテンツ全体を確認するには下までスクロールしてください。ありがとうございます
ディスカッションへの返信（解決策）
一番外側にスクロールバーがあるとはどういう意味ですか... 現在のページのスクロールバーを使用しますか？
こんにちは、a274295732
iframe ページにはスクロール バーがありますか? つまり、親ページのスクロール バーを使用するだけで済みますか?
子ページの高さを取得し、子ページの高さに応じて外側の iframe の高さを設定するように親ページに指示します
iframe の高さ適応問題。 999b18b5e266305dcc7bc26d29a57a90065276f04003e4622c4fe6b64f465b88
js によって実装された非クロスドメイン iframe (IE、FF、Opera と完全互換)
解決してください
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。