>웹 프론트엔드 >CSS 튜토리얼 >HTML Iframe에서 스크롤을 비활성화하는 방법은 무엇입니까?

HTML Iframe에서 스크롤을 비활성화하는 방법은 무엇입니까?

DDD
DDD원래의
2024-12-10 01:25:14782검색

How to Disable Scrolling in HTML Iframes?

HTML iframe의 스크롤 문제 해결

웹사이트에 포함된 iframe 내에서 스크롤 막대를 제거하려는 개발자는 다음과 같은 문제에 직면했습니다. HTML5 사양에서는 이전에 사용 가능한 스크롤 속성을 제거했습니다. 이로 인해 이러한 상황에서 스크롤을 효과적으로 비활성화하는 방법에 대한 의문이 생겼습니다.

사양 변경에도 불구하고 Internet Explorer 10, Chrome 25, Opera 12.12를 포함한 일부 브라우저에서는 스크롤 속성을 계속 지원합니다. 이 속성을 Overflow: Hidden CSS 규칙과 함께 활용하면 잠재적인 솔루션이 제공됩니다.

<iframe src="" scrolling="no"></iframe>
iframe {
  overflow: hidden;
}

그러나 브라우저가 업데이트되고 HTML5 표준을 완전히 채택함에 따라 이 접근 방식은 더 이상 사용되지 않을 수 있습니다. 이러한 잠재적인 제한을 완화하려면 http://www.christersvensson.com/html-tool/iframe.htm에서 제공되는 것과 같은 JavaScript 기반 솔루션을 탐색해 보십시오. 이 방법은 브라우저가 발전함에 따라 더욱 강력한 접근 방식을 제공할 수 있습니다.

위 내용은 HTML Iframe에서 스크롤을 비활성화하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.