Código CSS para IFrame: Desactivar barra de desplazamiento

Soporte
13

¡Ah sí, definitivamente las cosas han cambiado un poco desde entonces! A continuación, incluyo un ejemplo específico basado en nuestro método de decoración preferido actualmente.

El siguiente código deberá agregarse a la etiqueta </head> de un tema o 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 lo anterior en su lugar, puedes envolver un iframe con un div específico de la siguiente manera para desactivar el desplazamiento dentro de una publicación:

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

Eso debería solucionar el problema, pero avísame si encuentras algún inconveniente.