IFrame CSS Code - Disable Scrolling Bar

Поддержка
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>

При наличии этого кода вы можете обернуть iframe в специальный div следующим образом, чтобы отключить прокрутку внутри поста:

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

Это должно решить проблему, но дайте знать, если столкнётесь с какими-либо трудностями.