[html] iframe에서 스크롤바 제거

이 코드 사용

<iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

이것이 어떻게 나타나는지 ( http://www.talkjesus.com 홈페이지의 shoutbox )

가로 스크롤바를 제거하고 세로 스크롤바의 CSS를 수정하려면 어떻게해야합니까?



답변

귀하의 CSS에서 :

iframe{
    overflow:hidden;
}


답변

scrolling="no"iframe에 속성을 추가 합니다.


답변

이것은 모든 브라우저에서 작동합니다. jsfiddle 여기 http://jsfiddle.net/zvhysct7/1/

<iframe src="http://buythecity.com"  scrolling="no" style=" width: 550px; height: 500px;  overflow: hidden;" ></iframe>


답변

추가 scroll="no"style="overflow:hidden"iframe이 작동하지 않아 style="overflow:hidden"iframe 내부에로드 된 html 문서의 본문 을 추가해야했습니다 .


답변

scrolling="no"아래와 같은 속성을 추가해보십시오 .

<iframe frameborder="0" scrolling="no" style="height:380px;width:6000px;border:none;" src='https://yoururl'></iframe>


답변

iframe 태그에 scrolling="no"seamless="seamless"속성을 추가하기 만하면 됩니다. 이렇게 :-

 1. XHTML => scrolling="no"
 2. HTML5 => seamless="seamless"


답변

여기에있는 누군가가에서 스크롤바를 비활성화하는 데 문제 iframe가있는 경우 iframe의 콘텐츠에 스크롤바가있는 요소 아래 에있을 수 있습니다 .html 요소 .

일부 레이아웃 을 100 % 높이로 설정 html하고 (또는 ) 과 함께 div를 body사용 하여 스크롤을#wrapperoverflow: auto;scroll#wrapper 요소로 .

이 경우 다른 페이지의 내용을 편집하는 것 외에는 스크롤바가 표시되지 않도록하는 조치가 없습니다.