IFrame CSS-Code: Scrollleiste deaktivieren

Unterstützung
13

Ah ja, seitdem hat sich definitiv einiges geändert! Nachfolgend findest du ein gezieltes Beispiel basierend auf unserer derzeit bevorzugten Dekorationsmethode.

Der folgende Code muss zum <head>-Tag eines Themes oder einer Komponente hinzugefügt werden:

<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>

Mit dem oben stehenden Code kannst du ein iframe mit einem bestimmten div wie folgt umschließen, um das Scrollen innerhalb eines Beitrags zu deaktivieren:

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

Das sollte funktionieren, aber lass mich wissen, falls du Probleme damit feststellst.

4 „Gefällt mir“