2つの垂直スクロールバーがあるウィンドウを避けるためにiframeを「平坦化」する方法

Question

私のWebアプリケーションのページには、iframeが含まれています。 iframeの高さは通常1500pxです。何が起きるのかは当然ですが、ウィンドウには2つの垂直スクロールバーがあり、カーソルの位置に応じてスクロールホイールがスクロールします。これは最初はやや厄介な経験になります。

私が単にやりたいことは、iframeを「平坦化」することです。私はそれを内容の完全な高さに伸ばして、その上にスクロールホイールが必要ないようにして、ページ全体に1つの垂直スクロールホイールしかないようにしたいと思います。そのようなソリューションは、HTML + CSSだけで済ませることができますか、いくつかのjavascript [w/jquery]が必要になりますか？

ありがとうございます。

Answer 1

私はこれだけではCSSで可能であることを信じていませんが、jQueryの

var iframe = $("#my_iframe"); 
var iframeContents = iframe.contents() 
iframe.css({ 
    height: iframeContents.outerHeight(), 
    width: iframeContents.outerWidth() 
}); 

作業jsfiddleとかなりシンプル：あなたはインラインフレームを必要とするhttp://jsfiddle.net/MUQ8V/3/