2

私は iframe を持っており、より多くのコンテンツを表示する必要がある場合にのみスクロールバーを追加したいと考えています。iframe でオーバーフローを「auto」に設定しました。これは Chrome や IE では機能しません:

ここに画像の説明を入力

html は次のとおりです。

<!DOCTYPE html>
<html>

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Hide iFrame scrollbars</title>

<style type="text/css">
    body{
        height: 500px;
    }
    iframe{
        overflow: auto;
        height: 570px;
        width: 1000px;
    }
</style>

</head>

<body>
    <iframe src="http://www.google.co.za"></iframe>
</body>

</html>

私が試したこと (そして SO で提案されたもの): 親要素と iframe のサイズを設定し、iframe で scrolling="no" を設定し、オーバーフローを "hidden" に設定します。これらはすべて、望ましくない動作を引き起こします。

必要なときだけスクロールバーを表示するにはどうすればよいですか?

4

1 に答える 1

3

Chrome でのこのスクロール (IE でも想定しています) は、iframe の html (または body 、今は正確には覚えていません) 要素によって設定されます

于 2011-07-13T09:34:21.363 に答える