IFrame CSS Code - Disable Scrolling Bar

지원
13

아, 네, 그때 이후로 상황이 확실히 좀 바뀌었네요! 아래에 현재 우리가 선호하는 장식(decoration) 방법을 기반으로 한 구체적인 예시를 포함했습니다.

다음 코드는 테마/컴포넌트의 </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>

위 설정을 적용하면, 다음과 같이 특정 div로 iframe을 감싸서 게시글 내부의 스크롤을 비활성화할 수 있습니다:

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

이렇게 하면 해결될 것 같지만, 문제점이 발견되면 알려주세요.