HTML iframe에서 스크롤바를 효과적으로 비활성화하려면 어떻게 해야 합니까?

HTML iframe에서 스크롤 막대 비활성화

Iframe 요소는 외부 콘텐츠를 웹페이지에 삽입하는 수단을 제공합니다. 그러나 이러한 iframe 내에서 스크롤을 활성화하면 원치 않는 시각적 혼란이 발생할 수 있습니다. 이 문서에서는 iframe 요소를 활용하는 동안 스크롤 막대를 비활성화하는 문제를 다룹니다.

질문에 제공된 HTML 코드는 HTML 및 CSS 속성을 사용하는 iframe 사용을 예시합니다.

<iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no"></iframe>

사용에도 불구하고 scrolling="no"인 경우에도 스크롤바가 계속 나타납니다. 해결 방법을 자세히 알아보려면 HTML5의 스크롤 속성 상태를 이해하는 것이 중요합니다.

안타깝게도 HTML5 사양에서는 스크롤 속성이 생략되었습니다. 그러나 대부분의 최신 브라우저는 계속해서 이를 지원합니다. 오버플로 속성만으로는 HTML5에서 실행 가능한 솔루션이 아닙니다. 왜냐하면 Firefox는 실수로 이를 지원하는 유일한 최신 브라우저이기 때문입니다.

실용적인 해결 방법은 두 가지 접근 방식을 결합하는 것입니다.

<iframe src="" scrolling="no"></iframe>

iframe {
  overflow: hidden;
}

브라우저가 발전함에 따라 이 솔루션은 더 이상 사용되지 않을 수 있습니다. JavaScript를 사용하는 보다 포괄적인 솔루션을 보려면 허용된 답변에 제공된 링크를 참조하세요.

편집: 테스트에 따라 scrolling="no"로 설정하면 IE10, Chrome 25에서 스크롤 막대가 효과적으로 비활성화됩니다. , 오페라 12.12.

위 내용은 HTML iframe에서 스크롤바를 효과적으로 비활성화하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!