HTML5でiframeスクロールバーを表示しない方法が不明

HTMLHTML5

問題点

 状態:一旦終了  閲覧数:5,251  投稿日:2015-06-17  更新日:2015-06-17
scrolling属性はHTML5では廃止されている
iframe 要素


bodyタグ?


・iframeタグに対して、下記3つを試すも、何れも効果なし
・iframeタグではなく、bodyタグに対して設定しなければ駄目?

body { overflow : hidden ;}

横スクロールバーを表示しない
body{ overflow-x : hidden ;}

縦スクロールバーを表示しない
body { overflow-y : hidden ;}


seamless とか全然対応していないみたいだけど何なの?

 閲覧数:982 投稿日:2015-06-17 更新日:2015-06-17

seamless


HTML5 のみ
ブラウザがインラインフレームを、それを含む文書の一部であるかのように表示させることを示す真偽値属性です。例えばインラインフレームを含む文書に対して、その文書で指定されるスタイルより先に <iframe> に適用される CSS スタイルを適用したり、含まれている文書のリンクを親のブラウジングコンテキストで開いたりします (他の設定で回避しない場合)。XHTML では属性の最小化が禁止されており、seamless 属性は <iframe seamless="seamless"> として定義しなければなりません。

ブラウザ対応一覧
どこも対応していないみたい...


HTML5タグ 及び テンプレート

iframeタグ レスポンシブ対応 → うまくいかず



類似度ページランキング
順位 ページタイトル抜粋
1 HTML5でiframeスクロールバーを表示しない方法が不明 97
2 WebサイトをHTML5で作成したら、IE8で、グローバルナビゲーション表示がおかしくなった 45
3 Firefoxで画像が表示されない 43
4 HTML5でテーブル 40
5 HTML5では、inputタグの閉じタグを付与しない 39
6 HTML5でページ内リンクが効かなかったら 39
7 Chromeをインストール出来ない 38
8 HTML5では「ブロックレベル要素」「インライン要素」で分類しない 38
9 Firefoxだけがログインできない 38
10 FireBug クィック情報ボックスを表示しないようにする 37
11 bootstrap3で意図せず横スクロールバーが表示される場合は、containerクラスの入れ子を疑う 37
12 Braveインストールしてみたけれども、全ての広告を必ず非表示に出来るわけではないみたい 35
13 URLが折り返し表示されない/Google Chrome 34
14 HTML5で、set_include_pathを用いると、先頭に謎の空白行ができる 34
15 rssページが正しく表示されない/Google Chrome 33
16 FireFox5.0のバー表示が崩れ、元に戻せなくなったら… 33
17 font-familyには游ゴシックを指定しない 33
18 デフォルトの「Google Chrome」ではURL欄にwwwが表示されないため、「Microsoft Edge」を使用する 33
19 HTMLで「1つのタグにidを複数指定」は出来ない! 32
20 iframe経由で読み込んでいるページへ直接アクセスした場合は、トップページへリダイレクト 32
2026/6/17 18:11 更新
週間人気ページランキング / 6-10 → 6-16
順位 ページタイトル抜粋 アクセス数
1 Design 0 7
1 Fireworks で背景画像透明化 | Fireworks CS3(Fireworks) 7
2 キャラクター無料作成ジェネレーター / FLASH / オンラインサービス | イラスト参考(デザイン) 6
3 「属性」「プロパティ」「アトリビュート」の違い | CSS 5
3 RGB / 24ビットカラー 5
4 HTMLエディタ カテゴリー 4
4 XnConvertとは?/ インストール / 変換実行してみる 4
4 (ショートカットキーで拡張機能を起動する)拡張機能のキーボード割り当て | Chrome 拡張機能 4
4 textareaのスクロールバーが横へはみ出す場合は、「box-sizing:border-box;」を指定する | CSS 4
4 GIMPで大画像の上に複数枚の小画像を横一列に並べる | GIMP 系(ソフトウェア) 4
4 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 4
5 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 3
5 黒体 / 色温度 / D65(6500K)/ D50(5000K)/ K | 色 3
5 Chromeがおかしくなった。width認識が狭くなりレイアウトが崩れる | Google Chrome(ブラウザ) 3
5 チェック柄 斜め線 | CSS 3
5 resizeが効かない場合は、min-heightを設定してみる | CSS 3
5 画像縦横比の問題 | 画像 3
5 RGBの種類 / ビットカラー | RGB(色) 3
6 Sleipnir | ブラウザ 2
6 レイアウトがどうしても崩れるときは、div marginへマイナス値が設定されていないか、確かめる | CSS 2
2026/6/17 5:05 更新