iframe

HTMLのタグ<iframe>です。<iframe>は、ドキュメント内に""inline frame""を作るHTML要素で、同じページでセパレートしているドキュメントが表示されるようにします。

RSS
  • 受付中

    回答
    3

    クロスドメインで表示させているiframe内の要素までスクロール

    楽天のスマートフォン商品ページのカスタマイズで行き詰っています。 親ページで子ページ(別サーバー上のiframe)を読み込んでいます。 実装したい内容としましては、親ページにボタンを設置して、そのボタンをクリックで子ページの要素(<div id="hoge"></div>)まで上からスクロールさせたいと考えいます。 ボタンはposition: fixed

    • 0評価
    • 179PV
    ysfree14 ysfree14 1ヶ月前に 質問を編集
  • 受付中

    回答
    0

    Monacaでflowplayerのサイズ最適化

    前提・実現したいこと http://seesaawiki.jp/jaijai/d/%BC%AB%B2%C8%C0%BDHTTP%A5%B9%A5%C8%A5%EA%A1%BC%A5%DF%A5%F3%A5%B0%C7%DB%BF%AE%A4%CE%A4%B9%A4%B9%A4%E1 上記の内容で配信を見られる専用のアプリを作りたいと考えています。

    • 0評価
    • 64PV
    teratailが1ヶ月前に アップデート
  • 受付中

    回答
    0

    monacaでOnsenUI利用時のiframe内のスクロール挙動がおかしい

    前提・実現したいこと MonacaでWebサービスをiframeにてそのまま表示するアプリを作成中です。 固定のヘッダー・ナビゲーションはMonaca内にてOnsenUIを利用しておこない、コンテンツ部分はiframeで表示する仕様です。 発生事象 Androidでは問題なく表示されますが、iPhoneでは、iframe内をスクロールしていくと、かな

    • 0評価
    • 112PV
    teratailが1ヶ月前に アップデート
  • 受付中

    回答
    1

    iPhoneでiframeの横幅がはみ出てしまう

    前提・実現したいこと HTMLソースをjsoupでスクレイピングし、ページの作成をしています。 iframeを使用した際に、iPhone6 IOS11のsafariとchromeで 横幅が100%以上で表示されてしまい、右側に少しはみ出してしまいます。 こちらを画面内に収まるように修正したいです。 ただ、overflow:hiddenではみ出た部分を非

    • 0評価
    • 157PV
    shaak shaak 1ヶ月前に 回答
  • 解決済

    回答
    2

    jQueryで生成したiframeの中身にcssを適用したい

    最初の質問から時間がたってしまいすみません。 以下のようにjQueryでiframeを作成して、 printframeID・printframe-imageクラスなどにcssを適用したいのですが、 どうやら印刷プレビューを見る限りcssがあたっていないようです。 (出先の環境では画像も表示されていたのですが、自宅環境で再現したら、画像も表示されなくなって

    • 0評価
    • 154PV
    xyunow xyunow 1ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    CSSのみでiframeの2重のスクロールを回避したい

    解決したいこと iframeを使い、ECサイトの構築を行っています。 iframe領域から、下にスクロールする際は問題ありませんが、 tableの領域に入るとスクロールが二重になり、途中で上にスクロールすると、添付画像の様に iframe/table両方の領域が見えてしまい、どちらもスクロールできてしまいます。 tableの領域で上スクロールする時にif

    • 0評価
    • 110PV
    defghi1977 defghi1977 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    クロスドメインでのiframeの高さ調整方法

    A「https://form.kintoneapp.com/public/form/show/040e8136a701839762f3081df38f8d98e8efd8dd38898bea10175669afec5f0f#/」(フォームブリッジ)で生成したiframe※1をB「https://yyy.com」で使用する場合、 iframeの高さをスクロール

    • 0評価
    • 257PV
    n024 n024 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    WPでiframe広告が表示されなくなった。

    前提・実現したいこと ワードプレスのバージョン 4.9.4を使っています。iframeを使った検索パーツを表示したいです。 どなたか解決策をご教授いただけませんでしょうか。 発生している問題・エラーメッセージ カスタムHTMLのウィジェットを使ってサイドバーにiframeを使った、検索パーツを表示させていたのですが、気づけば表示がされなくなっていまし

    • 0評価
    • 131PV
    llaiko llaiko 2ヶ月前に 回答
  • 解決済

    回答
    1

    iframeのtel:リンクが効かない

    ページ内にiframeを埋め込んで電話ボタンを設置したのですが ios系のデバイスだとtel:リンクが効きません。 特殊な設定方法等が必要なのでしょうか。。

    • 0評価
    • 133PV
    echo5 echo5 3ヶ月前に コメント
  • 受付中

    回答
    1

    iframeを使ってのsubmitによる値渡し

    iframe A B C ・・・ と別れているWEBページで、 Aの画面要素、検索条件をjavascriptでsubmitなどをした結果を Bの画面に出力したいのですが、良いサンプルなどないでしょうか? その場合、AのHTMLにはformを必ず設定していないといけませんか? また、Bの要素をBにあるボタンを押して、別ページのiframe Aなどに

    • 0評価
    • 180PV
    mts10806 mts10806 3ヶ月前に 回答
  • 解決済

    回答
    1

    【Facebook埋め込み】「'X-Frame-Options' to 'sameorigin'」エ...

    webサイトへのFacebook埋め込みについてお聞きしたことがあります。 下記リンク先を利用し、iframeでFacebookをwebサイトに埋め込みました。 https://developers.facebook.com/docs/plugins/page-plugin/?locale=ja_JP しかし、サイトを表示させるとデベロッパーのコンソ

    • 0評価
    • 804PV
    easy_no_easy easy_no_easy 2ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    wordpressテーマ「lionmedia」での自サイトブログ埋め込みのampエラーについて

    前提・実現したいこと 現在lionmedia(amp対応)というテーマを使用してwordpressにてブログを運営しています。 自分のブログにある記事のURLを別記事に貼ると(iframeで埋め込まれます) googlesearchconsole上のAMP欄にて 「security」「marginheight」「marginwidth」のエラーが出ます。

    • 0評価
    • 253PV
    Artz Artz 3ヶ月前に コメント
  • 解決済

    回答
    1

    Ruby Capybara でiframe内のボタンをクリックしたい

    前提・実現したいこと あるサイトからスクレイピイングをしたいのですが、bodyの部分全てがiframeタグ内に記述されています。 そのためRuby, Capybara, poltergeist, phantomjsを使用しているのですが、ページ遷移のための"次へ"のボタンをクリックできずにいます。 該当のソースコード Capybara.registe

    • 0評価
    • 130PV
    kinokosan kinokosan 3ヶ月前に 回答
  • 解決済

    回答
    2

    レスポンシブサイトでPC・SP別々の問い合わせフォーム組み込み

    レスポンシブサイトでの質問です。 iframeの問い合わせフォームをレスポンシブサイトで組み込み、 PC・SP別々の問い合わせフォームで切り替えて表示させたいです。 HTMLにiframe記述を入れますが、どうやって切り替えさせればよいでしょうか。 現状PCの問い合わせフォームしか記述していなく、SPを検討中です。 置かれた状況がわかりにくいのですが、よ

    • 0評価
    • 181PV
    Nyoki Nyoki 3ヶ月前に 質問を編集
  • 解決済

    回答
    1

    MONACAでiframeでWEBサイトを読み込んだ際、ページ遷移すると元のページに戻れなくなる

    表題の通り、IFRAMEで既存サイトを読みこんで、MONACAで表示すると、ページ遷移すると元のページに戻れなくなります。 これを回避する方法をご存じの方がいらっしゃいましたら、是非ご教授頂きたいです。 個人的に、下記のような方法がとれるのではないかと思っていたのですが、実装方法が分からず困っています。 案 Javascriptか何かで、cl

    • -1評価
    • 312PV
    t7y4j8orhiyjhug t7y4j8orhiyjhug 3ヶ月前に 回答
  • 解決済

    回答
    2

    全ドメインにiframe読み込みを許可したい

    困っていること Youtubeのように、他のサイトにiframeで埋め込まれることを 前提としたサイト(= http://hoge.com )を作っています。 これを別ドメインから以下のように読み込もうとすると、 読み込みエラーとなってしまいます。 // 別ドメインの http://foo.com/ にiframeで埋め込みたい <iframe s

    • 0評価
    • 328PV
    think49 think49 3ヶ月前に コメント
  • 解決済

    回答
    1

    スマホでのiframeが見切れる【再質問】

    PCでは正しく表示されるのにスマホではiframeが見切れてしまう。 wordpress4.9.1 テーマ Bizvektor1.10.0 <iframe src="bukken/option/picturetable2.htm" align="center" width="640" height="800" name="uri" frameborde

    • 0評価
    • 266PV
    Lhankor_Mhy Lhankor_Mhy 3ヶ月前に ベストアンサー
  • 受付中

    回答
    0

    iframeのスマホでの制御が効かない

    iframeを以下のように指定し、 <body style="width:320px;"> <div id="wrapper" style="width:320px;"> <iframe src="https://www.rakuten.co.jp/" width="320px"></iframe> </div> <body> スマホ(i

    • 0評価
    • 200PV
    teratailが4ヶ月前に アップデート
  • 解決済

    回答
    1

    iframeを使って表示内容(バナー)を2回変更し、最後html情報にし別サイトへ

    下記内容で急遽対応を行うことになりました・・・。 知識が足りなく今のところ全く検討が付いておりません。。 ご回答いただけると幸いです。 ◇やりたいこと ・ main.htmlの中にiframeを設置する ・ main.htmlへ バナーA を表示する ・ iframe 内のバナーをクリックすると次の バナーB へ切り替え ・ バナーB をクリックすると、

    • 0評価
    • 207PV
    TatsuyaOkawa TatsuyaOkawa 4ヶ月前に 回答
  • 解決済

    回答
    2

    webサイトに埋め込まれている謎のiframe

    お世話になります。 いくつかのサイトの要素を見ていると <iframe width="1" height="1" style="position:absolute; top:-9999px; left: -9999px; border-style: none" src="http://~"> </iframe> のような外部ドメインの要素を読み込ん

    • 1評価
    • 201PV
    annderber annderber 4ヶ月前に ベストアンサー
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    32

  • 総質問数

    106

  • 今週の質問数

    0

関連するタグ

iframeタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る