次のような最初のページがあります。
<body>
<iframe src = "page1.html" style="position:fixed; width:100%; height:100px; left:0; top:0 overflow:hidden"</iframe>
<iframe src = "page2.html" style="position:fixed; width:100px; height:100%; left:0; top:100px; overflow:hidden"></iframe>
<iframe src = "page3.html" style="position:absolute; width:100%; height:100%; left:100px; top:100px; overflow:scroll"></iframe>
</body>
基本的に、page1 はタイトル、page2 は左側のメニュー、page3 はコンテンツです。
スクロールバーなしで page1 と page2 を修正したいのですが、page3.html にはスクロールバーしかありません。上記のコードは、2 つのスクロールバーを表示します。1 つはボディ全体用で、もう 1 つは page3.html 用です。
<body style="overflow:hidden">,
ページ 3 のスクロールバーも非表示になります。(overflow:scroll !important) を使用してみましたが、うまくいきませんでした。これをエレガントに行う方法はありますか？