iFrameにリモートURLをロードする必要があります。リモートコンテンツはiFrameより少し広くなります。水平スクロールバーを表示したくありませんが、必要に応じて垂直スクロールバーを表示します。
私はこの次のコードを試しました：
<iframe scrolling="auto" style="width:500px; height:300px; border:0; padding:0; margin:0; overflow-x:hidden; overflow-y:auto;" src="http://digg.com"></iframe>
Firefoxでは動作しますが、IE、Chrome、Operaでは動作しません...バグか何かの可能性があります。フィドル： http： //jsfiddle.net/DpbUy/3/
ここで受け入れられたとマークされた回答で提供され たタグ
horizontalscrollingとhorizontalscrollingiFrameも試しましたが、運もありませんでした。
<iframe scrolling="yes" horizontalscrolling="no" verticalscrolling="yes" style="width:500px; height:300px; border:0; padding:0; margin:0;" src="http://digg.com"></iframe>
これはどのブラウザでもまったく機能しません。
フィドル： http： //jsfiddle.net/85q4r/
iFrameのスクロールバーを削除して、その高さを4000px何かに設定してから、それをdivの中に入れることができることはわかっていますoverflow-x:hidden; overflow-y:auto;が、もっとクリーンな方法が必要です。
私はこれをあきらめて別のアプローチを試してみるべきかどうか疑問に思っています。それが可能かどうか誰か教えてもらえますか？