HTML Iframe でスクロールを無効にする方法

HTML iframe でのスクロールの対処

Web サイトに埋め込まれた iframe 内のスクロール バーを排除しようとしている開発者は、次のような課題に直面しました。 HTML5 仕様では、以前に使用できたスクロール プロパティが削除されました。このため、このような状況でスクロールを効果的に無効にする方法が疑問になりました。

仕様変更にもかかわらず、Internet Explorer 10、Chrome 25、Opera 12.12 などの一部のブラウザは引き続きスクロール プロパティをサポートします。このプロパティをオーバーフロー: 非表示の CSS ルールと組み合わせて使用​​すると、次のような潜在的な解決策が得られます。

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

iframe {
  overflow: hidden;
}

ただし、ブラウザーが更新され、HTML5 標準が完全に採用されると、このアプローチは廃止される可能性があります。この潜在的な制限を軽減するには、http://www.christersvensson.com/html-tool/iframe.htm で利用できるような JavaScript ベースのソリューションを検討することを検討してください。この方法は、ブラウザーの進化に合わせて、より堅牢なアプローチを提供できます。

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