HTML Iframe에서 스크롤을 비활성화하려면 어떻게 해야 합니까?

HTML Iframe에서 스크롤 비활성화

iframe을 사용하여 웹페이지에 외부 콘텐츠를 삽입할 때 나타나는 스크롤 막대를 비활성화해야 할 수 있습니다. iframe 가장자리에 있습니다. HTML5 사양에서 스크롤 속성이 제거되었음에도 불구하고 대부분의 브라우저는 이를 계속 지원합니다.

해결책 1: 스크롤 및 오버플로 속성 결합

HTML5에서 스크롤을 비활성화하려면 iframe에서는 스크롤 속성과 오버플로 CSS를 조합하여 사용할 수 있습니다. 속성:

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

iframe {
  overflow: hidden;
}

이 방법은 일부 브라우저에서 작동할 수 있지만 브라우저가 업데이트되면 더 이상 사용되지 않을 수 있습니다.

해결책 2: JavaScript 기반 솔루션

보다 안정적인 JavaScript 기반 솔루션을 얻으려면 다음 리소스를 참조할 수 있습니다. http://www.christersvensson.com/html-tool/iframe.htm

브라우저 호환성

스크롤 속성은 이전 버전에서만 지원된다는 점에 유의하는 것이 중요합니다. IE10, Chrome 25, Opera 12.12와 같은 브라우저. 최신 브라우저의 경우 HTML5 iframe에서 스크롤을 비활성화하는 데 선호되는 방법은 오버플로 속성입니다.

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