8

垂直スクロールを有効にし、水平スクロールをオフにしたい。

scrolling="no"を使用することは、私がまだ垂直スクロールを望んでいるので、私が望むものではありません。

これをcssに追加しようとしました

  #myiframe{
    overflow-x:hidden;
    overflow-y:auto;
  }

ただし、クロムのみの水平スクロールバーは引き続き表示されます。残りのブラウザは問題ありません。

どんな助けでも大歓迎です

4

1 に答える 1

16

iframeソースページにアクセスできる場合は、配置できます

body {
    overflow-x:hidden;
}

そのページの中に。そうでない場合でも、少なくともページが同じドメインからのものである場合、親ページからの次のようなものが機能するはずです。

#myiframe body {
    overflow-x:hidden;
}

上記のいずれにも当てはまらない場合は、iframe コンテナー内の水平スクロールバーを実際に非表示にすることで、"overflow-x: hidden" をシミュレートできます。Iframe をより低い高さのコンテナー DIV に配置します。たとえば、次のようになります。

<div id="myiframecontainer">
    <iframe id="myiframe" src="http://en.wikipedia.org"  />
</div>

#myiframecontainer {
    width:600px;
    height:400px;
    overflow:hidden; 
}

#myiframe {
    width:100%;
    height:420px; 
}

iframe の高さが div の高さよりも大きく、div のオーバーフローが非表示に設定されているため、iframe の水平スクロールバーが非表示になります。垂直はまだ運用中です。

デモ: http://jsfiddle.net/5DPgf/

于 2013-09-06T03:11:19.703 に答える