이 코드 사용
<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
사용 하여 스크롤을#wrapper
overflow: auto;
scroll
#wrapper
요소로 .
이 경우 다른 페이지의 내용을 편집하는 것 외에는 스크롤바가 표시되지 않도록하는 조치가 없습니다.