html - HTML5 : Iframe スクロールしない?

Question

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

Answer 1

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

CSS ソリューション:

HTML4scrolling="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 )移行バージョンを使用し、scrolling="no"とoverflow:hiddenを同時に使用することをお勧めします :)

UPDATE 2020:上記は依然として当てはまり、iframe の oveflow はまだすべてのメジャーでサポートされているわけではありません