0

Web アプリのページに iframe を含めます。通常、iframe の高さは非常に大きく、たとえば 1500px 程度です。当然のことながら、ウィンドウには 2 つの垂直スクロール バーがあり、スクロール ホイールはカーソルの位置に応じてどちらか一方をスクロールします。これは、最初は少しぎこちない経験になる可能性があります。

私がやりたいことは、iframeを「フラット化」することです。コンテンツの高さいっぱいまで伸ばして、スクロール ホイールが不要になるようにし、ページ全体で垂直スクロール ホイールが 1 つだけになるようにしたいと思います。このようなソリューションは HTML+CSS のみで実行できますか、それとも javascript [w/jquery] が必要ですか?

前もって感謝します。

4

1 に答える 1

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/

于 2012-04-25T03:26:07.467 に答える