Codice CSS IFrame: disabilita la barra di scorrimento

Supporto
13

Ah sì, le cose sono decisamente cambiate un po’ da allora! Di seguito ho incluso un esempio mirato basato sul nostro metodo di decorazione attualmente preferito.

Il seguente codice dovrà essere aggiunto al tag <head> di un tema/componente:

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

Con quanto sopra in atto, puoi avvolgere un iframe con un div specifico in questo modo per disabilitare lo scorrimento all’interno di un post:

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

Questo dovrebbe risolvere il problema, ma fammi sapere se riscontri eventuali problemi.