web-dev-qa-db-ja.com

HTML5:Iframeスクロールなし?

HTML5に関しては、スクロール属性はサポートされなくなりましたが、スクロールバーを削除する必要があります。その方法を教えてください。

43
jave.web

HTML5には、「その機能はCSSにより適切に処理される」ため、スクロール属性はありません。他の変更については http://www.w3.org/TR/html5-diff/ を参照してください。さて、CSSソリューション:

CSSソリューション:

HTML4のscrolling="no"は、CSSのoverflow: hiddenのエイリアスの一種です。そのためには、サイズ属性の幅/高さを設定することが重要です。

iframe.noScrolling{
  width: 250px; /*or any other size*/
  height: 300px; /*or any other size*/
  overflow: hidden;
}

このクラスをiframeに追加すると完了です。

<iframe src="http://www.example.com/" class="noScrolling"></iframe>

!重要な注意点 ! :overflow: hidden for <iframe>は、すべての最新ブラウザでまだ完全にサポートされているわけではありません(chromeはまだサポートしていません)。 2013)使用するのがなお良いTransitionalバージョンとscrolling="no"およびoverflow:hiddenを同時に使用:)

50
jave.web