2012-05-02 8 views
2

垂直スクロールバーを隠すことに関するすべての同様の質問があります。SRCを編集せずにFirefox上のHTML5でiFrameのスクロールバーを非表示にする

下記のトリックはIEとChromeでは動作しますが、Firefoxでは動作しないという繰り返しの問題があるようです。例えば

  • overflow:hidden iframeの上には働いていません。

  • divoverflow:hiddenに追加すると、 が処理されませんでした。

  • iframeにはseamless html5クラスを使用していません。

  • scrolling="yes"overflow:hiddenは機能していません。

  • scrolling="no"overflow:hidden(およびなし)は が働いていません。

  • iframe::-moz-scrollbar {display:none;}は機能しませんでした。

  • ...

は、Firefoxのための任意の作業HTML/CSSタグはありますか? JSに切り替える必要はありますか?

注:SRCファイルを編集することはできません。私はTwitter Bootstrap 2.0.3で自分のページを構築しています。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html id="ctl00_Html1" lang="en-us" dir="ltr" __expr-val-dir="ltr" xmlns:o="urn:schemas-microsoft-com:office:office"> <head id="ctl00_Head1"> <body class="v4master" onload="if (typeof(_spBodyOnLoadWrapper) != 'undefined') _spBodyOnLoadWrapper();" scroll="no"> </html>

ご協力いただきありがとうございます。ここでは

はSRCの主要なHTMLがあります! @hobberwickey同様アダム


は言った...

私は編集することはできませんページの内容があふれているので、私はスクロールバーを非表示にすることはできません。

これを変更する方法がある場合は...すべての耳。 :)

それは言うのは難しいようなあなたのHTMLとCSSが実際に見て、私はあなたがスタイルを適用したいと思うことを推測を賭けたいものを知らず
+0

あなたが参照しているDOMセグメントの例を見ることができますか? –

答えて

1

位置:相対または絶対。 最大幅:100%; 最大高さ:100%; オーバーフロー:非表示。

のhtml要素とbody要素は、iframe内のCSSファイルに、親ウィンドウ内には表示されません。

+0

フレーム内のページのHTMLまたはCSSを編集できません。フレームを保持しているページのみを編集できます。 – ATSiem

+1

iframe内のページが設定した範囲をオーバーフローしている場合、スクロールバーがiframe内に表示されます。そのCSSを編集できない場合は、コンテナのサイズを大きくすること以外は何もできません。 – hobberwickey

0

実際には私のために: width = "100%" height = "1000px"スクロール= "はい" style = "表示:インライン; overflow-y:hidden;

0

スクロールバーが表示されている理由は、スクロールする必要があるためです。だからこそ難しいことではなく、スクロールするコンテンツを削除してください。他の言葉では、あなたのコンテンツをより小さくして表示する必要があるiframeを作成します。内容を表示して本文を作成し、iframeをより大きな部分にします。スクロールするものがないので、スクロールバーはありません。タグ/属性がない場合は、使用する理由を作成してはいけません。

Roberto Philippo。

関連する問題