私はiframeを持っています。コンテンツは設定している幅よりも広いため、iframeは水平スクロールバーを取得します。私はちょうどスクロールバーを削除したいので、私はiframeの幅を増やすことはできません。私は "いいえ"にスクロールプロパティを設定しようとしたが、両方のスクロールバーを殺すと、私は垂直の1つをしたい。私はoverflow-xを "hidden"に設定しようとしましたが、それはffで水平スクロールバーを強制終了させましたが、IEでは無効にしました。私のために悲しい。恐ろしいiframe水平スクロールバーはIEでは削除できませんか?
答えて
scrolling="yes" horizontalscrolling="no" verticalscrolling="yes"
これをiFrameタグに挿入します。
CSSでこれをフォーマットしようとすると、混乱する必要はありません。
iframeをdivに入れてから、divをスクロールしてみてください。問題なくIEのdivのスクロールを制御できます。IEはiframeのスクロールに問題があります。このトリックをすべき簡単な例があります。
<html>
<head>
<title>iframe test</title>
<style>
#aTest {
width: 120px;
height: 50px;
padding: 0;
border: inset 1px #000;
overflow: auto;
}
#aTest iframe {
width: 100px;
height: 1000px;
border: none;
}
</style>
</head>
<body>
<div id="aTest">
<iframe src="whatever.html" scrolling="no" frameborder="0"></iframe>
</div>
</body>
</html>
ありがとうございます。唯一の問題は、iframeコンテンツの固定高さを定義しなければならないことです。私はこれを使用するつもりで、ちょっとハッキリなiframeの余分な高さを指定する必要があります。しかし、多くのおかげで、私はそこにいました。 – mrjrdnthms
スクロールバーがのプロパティではありません、それが含まれているページの財産です。内側のページの<html>
要素にoverflow-x: hidden
を入れてみてください。
はbody要素で処理されました。ありがとう! –
このソリューションは、iframeコードのライトを保持し、カプセル化を優先するほど優れています。私は構文を追加し覚えておく必要はありません。 –
私は@DannyGに同意します。マークアップのプレゼンテーション属性の時代を過ぎました。純粋なCSSソリューションは、いくつかの理由から好ましい。 – DuxPrime
<iframe style="overflow:hidden;" src="about:blank"/>
はIEで動作するはずです。 IE6にはoverflow-xとoverflow-yをサポートする問題がありました。
もう1つ注意すべき点は、iframeのIEの境界線は、camelCaseで「frameborder」属性を設定した場合にのみ削除できることです。
<iframe frameBorder="0" style="overflow:hidden;" src="about:blank"/>
CSSで正しくスタイルできればうれしいですが、IEでは動作しません。
私の場合、xスクロールバーを削除したいのですが、yではなく、オーバーフロー隠しを設定すると両方が削除されます。それは正しいですか? – mrjrdnthms
これらのソリューションはすべて私にとっては役に立たなかったし、満足のいくものでもありませんでした。スクロール可能なDIVでは、水平スクロールバーを消すことができますが、垂直スクロールバーは常に存在します。
したがって、すべてのiframeの固定高さを確実に制御できるサイトでは、次の解決策がうまく機能します。 それは単にDIVと水平スクロールバーが非表示になります:)
<!-- This DIV is a special hack to hide the horizontal scrollbar in IE iframes -->
<!--[if IE]>
<div id="ieIframeHorScrollbarHider" style="position:absolute; width: 768px; height: 20px; top: 850px; left: 376px; background-color: black; display: none;">
</div>
<![endif]-->
<script type="text/javascript">
if (document.getElementById("idOfIframe") != null && document.getElementById("ieIframeHorScrollbarHider") != null)
{
document.getElementById("ieIframeHorScrollbarHider").style.display = "block";
}
</script>
また、99%のiframe内に含まれるページのボディの幅を設定してみてくださいすることができます。
- 1. Google Chromeでiframeの水平スクロールバーを削除する方法
- 2. 水平スクロールバーを削除するには?
- 3. 水平スクロールバーはIE 8でページ内のコンテンツを移動しません
- 4. 水平スクロールバーを削除する方法
- 5. C#WinForms TreeView水平スクロールバーを削除
- 6. Facebookブックアプリから水平スクロールバーと垂直スクロールバーを削除する
- 7. コンパクトなフレームワークのリストビューで水平スクロールバーを削除する方法
- 8. white-space:水平スクロールボックスでIEでnowrapが動作しません
- 9. JComboBoxの水平スクロールバーを追加していません
- 10. キルンコードでの水平スクロールバーのレビューがありません
- 11. Firefoxでiframeの固定水平スクロールを取り除くことはできません
- 12. Xcode - 水平スクロールバー
- 13. 水平スクロールを削除します。
- 14. 水平iScrollは垂直スクロールできませんか?
- 15. ASP.NET GridView水平スクロールバー
- 16. ulの水平スクロールバー
- 17. IE6の水平スクロールバー
- 18. ie7の水平スクロールバー
- 19. 水平スクロールバーを隠すのは悪い考えですか?
- 20. Windowsフォームリストビューに水平スクロールバーがありません
- 21. Viewpagerの水平スクロールバーが表示されません - Android-
- 22. データグリッドビューにデータが存在しない場合は水平スクロールバーを削除します
- 23. 下部の水平スクロールバーを削除するにはどうすればよいですか?
- 24. %でのiframeの高さはIEでは機能しません
- 25. 水平スクロールバーが機能しない
- 26. 不要なときに水平スクロールバーを取り除く方法
- 27. アンドロイドのgridviewの水平スクロールバーはどのように使用できますか?
- 28. ブートストラップ3でこの水平スクロールバーを取り除く方法
- 29. IE 8-9はiframeにフォーカスできません
- 30. IEの水平ドロップダウンメニュー
zOMG。 MSDNでhorizontalalscrolling属性とverticalscrolling属性が完全に文書化されていないように見えますが、これはIE 6の問題を解決するために役立ちました。 –
素晴らしいソリューション、まさに私が探していたもの、tyvm。 – David
iframeにカスタムHTML5広告を表示しているIE10に問題があるこのトリックをすることは私たちにとってはうまくいかなかった... – lkartono