Code CSS IFrame - Désactiver la barre de défilement

Soutien
13

Ah oui, les choses ont certainement un peu changé depuis ! Ci-dessous, je vous propose un exemple ciblé basé sur notre méthode de décoration actuellement privilégiée.

Le code suivant devra être ajouté à la balise <head> d’un thème ou d’un composant :

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

Une fois cela en place, vous pouvez envelopper une iframe dans un div spécifique comme suit pour désactiver le défilement au sein d’un message :

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

Cela devrait faire l’affaire, mais faites-moi signe si vous rencontrez le moindre problème.