javascript - オーバーフローでiFrameウィンドウをスクロールするにはどうすればよいですか:hidden?

Question

Joomla 1.5 のモーダル ボックスの iframe ウィンドウをスクロールさせたいのですが、スクロールバーは表示しません。CSS で設定overflow:hiddenすると、Chrome では機能しますが、Firefox では機能しません! どうすればこれを行うことができますか？何かトリック？

Answer 1

Overflow: hiddenコンテナがスクロールできないように見えるようにする必要があります（つまり、スクロールバーを非表示にします。Chromeで機能するという事実は、Chromeの癖であり、標準ではありません。私の提案は、iframeにスクロールバーを残して非表示にすることですフローティング div または親コンテナーのいずれかを使用します。たとえば、iframe を div 内に配置します。div の幅を、overflow: hidden を使用した iframe の幅よりも 18 ピクセル (スクロールバーの推定幅) 小さくします。フレームはマウス ホイールでスクロールを続けますが、スクロール バーは表示されません。

ここでの作業例。

HTML:

<div><iframe src="http://afakesite.com/"></iframe></div>​

CSS:

iframe {
    width: 200px;
    border: none;
}
div {
    width: 182px;
    border: solid 1px black;
    overflow: hidden;
}​