Q&A
実現したいこと
とあるHTMLサイトのページに、外部のHTMLの一部を埋め込みたく試行錯誤していますが、なかなか無知なため細かな不具合が出てしまいます。
はじめは<iframe>を使って実装しようとしたのですが、読み込みたいHTMLコードが別ドメインの為（サーバーは一緒）うまく読み込めず<object>を使いました。
<object>を使用したことで、外部サイトが表示されたのですが、縦スクロールバーが出てきてしまって、 scrolling="no"にしたりoverflow-y:hidden;を記載してみたりいろいろ試みたのですが解消されなくて困っています。
縦スクロールが消える方法がありましたら教えてください。
また、他の方法もありましたら教えてください。
HTML CSS はわかりますが、javascriptはほとんどわからないので、そのあたりの提案でしたら丁寧に教えていただけると助かりますm(_ _)m
該当のソースコード
html
1<div class="gaibu"> 2 <object data="#" scrolling="no"></object> 3</div>
CSS
1.gaibu{ 2 margin-top:50px; 3 height: 500px; 4 overflow-y:hidden; 5} 6 7.gaibu object{ 8 width: 100%; 9 height: 450px; 10 margin-left:0px; 11 margin-top:-150px; 12}
回答1件
0
埋め込まれた文書(<object> や <iframe>の contentDocument プロパティ)の <body> に overflow: hidden などを設定する必要があります。
埋め込んでいる文書と埋め込まれた文書のドメインが異なる場合は、contentDocument プロパティにアクセスできないので、その場合は埋め込まれている文書が自分でoverflow プロパティを設定する必要があります。
投稿2023/05/18 07:34
編集2023/05/18 07:44
総合スコア20884
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2023/05/19 00:06
2023/05/19 00:31
2023/05/19 04:36