HTML Iframe でのスクロールを無効にするにはどうすればよいですか?

HTML Iframe でのスクロールの無効化

iframe を使用して Web ページに外部コンテンツを埋め込む場合、表示されるスクロール バーを無効にする必要がある場合があります。 iframe の端にあります。 HTML5 仕様からスクロール属性が削除されたにもかかわらず、ほとんどのブラウザは引き続きこの属性をサポートしています。

解決策 1: スクロール属性とオーバーフロー属性を組み合わせる

HTML5 でスクロールを無効にするにはiframe では、スクロール属性とオーバーフロー CSS を組み合わせて使用​​できます。 property:

<iframe src="" scrolling="no"></iframe>

iframe {
  overflow: hidden;
}

このメソッドは一部のブラウザで機能する可能性がありますが、ブラウザが更新されると廃止される可能性があります。

解決策 2: JavaScript ベースのソリューション

より信頼性の高い JavaScript ベースのソリューションについては、次のリソースを参照してください。 http://www.christersvensson.com/html-tool/iframe.htm

ブラウザの互換性

スクロール属性は古いバージョンでのみサポートされていることに注意してください。 IE10、Chrome 25、Opera 12.12などのブラウザ。最近のブラウザでは、オーバーフロー プロパティが HTML5 iframe でのスクロールを無効にする推奨方法です。

以上がHTML Iframe でのスクロールを無効にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。