IFrame CSS コード - スクロールバーを無効化

サポート
13

はい、その後は確かに少し状況が変わりましたね！以下に、現在推奨されている装飾方法に基づいた具体的な例を示します。

以下のコードをテーマ/コンポーネントの <head> タグに追加する必要があります。

<script type="text/discourse-plugin" version="0.8.42">
  api.decorateCookedElement(post =>
    post.querySelectorAll('div[data-theme-iframe="no-scroll"] iframe').forEach(iframe => {
      iframe.setAttribute('scrolling', 'no');
    }),
    { 
      id: 'iframe-decorator',
      onlyStream: true,
    }
  );
</script>

上記を設定した後、特定の div で iframe をラップすることで投稿内のスクロールを無効化できます。

<div data-theme-iframe="no-scroll">
  <iframe src="https://someallowediframesource.com"></iframe>
</div>

これで問題なく動作するはずです。もし何か問題があれば、お知らせください。