161

このコードの使用

<iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

このように表示されます ( http://www.talkjesus.comのホームページのシャウト ボックス) 。

水平スクロールバーを削除して垂直スクロールバーの css を変更するにはどうすればよいですか?

4

14 に答える 14

407

scrolling="no"iframe に属性を追加します。

于 2014-01-20T02:04:10.467 に答える
45

これはすべてのブラウザで機能します

<iframe src="http://buythecity.com"  scrolling="no" style=" width: 550px; height: 500px;  overflow: hidden;" ></iframe>
于 2016-02-24T05:09:49.530 に答える
27

scroll="no"とiframe の追加style="overflow:hidden"が機能しませんでした。iframestyle="overflow:hidden"内にロードされた html ドキュメントの本文を追加する必要がありました。

于 2016-07-17T19:19:58.877 に答える
20

scrolling="no"以下のように属性を追加してみてください。

<iframe frameborder="0" scrolling="no" style="height:380px;width:6000px;border:none;" src='https://yoururl'></iframe>

于 2019-06-19T04:16:59.567 に答える
8 
<div id="myInfoDiv" seamless="seamless" scrolling="no" style="width:100%; height: 100%; float: left; color: #FFF; background:#ed8719; line-height:100%; font-size:100%; font-family: sans-serif>;

上記の div を使用すると、どのブラウザーでもスクロール バーが表示されません。

于 2013-09-25T06:17:23.907 に答える
8

これをcssに追加して、両方のスクロールバーを非表示にします

iframe 
{
  overflow-x:hidden;
  overflow-Y:hidden;
}
于 2014-09-09T05:09:09.600 に答える
6

あなたのCSSで：

iframe{
    overflow:hidden;
}
于 2012-04-10T02:01:12.473 に答える