> 웹 프론트엔드 > CSS 튜토리얼 > HTML Iframe에서 스크롤을 비활성화하려면 어떻게 해야 합니까?

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

DDD
풀어 주다: 2024-12-14 22:49:10
원래의
715명이 탐색했습니다.

How Can I Disable Scrolling in HTML Iframes?

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿