iframe이 스크롤 오버 플로우가 CSS를 여기

Question

에서 작동하지 않는 숨겨진하는 iframe을

<iframe class="iframe_style" id="iframeid" src="#" height="100%" width="100%" ></iframe> 

내가 오버 플로우와 같은 CSS 사용하고 있습니다 : 숨겨진,하지만 아직도 내가 스크롤 얻고에게 ..

.iframe_style{ 
border: 3px solid red; 
overflow: hidden; 
} 

JSFIDDLE

이 문제에 도움이 되셨습니까? 나는 당신의 바이올린에서 볼 수 있듯이

Answer 1

당신은 당신이 body을 위해 그것을 확인하려면 iframe이 내용

을 위해 일 만 추가 할 hidden에 iframe을 overflow을 설정

body{ 
    overflow:hidden; 
} 

JSFIDDLE

Answer 2

body, html { 
    overflow: hidden; 
} 

트릭을해야합니다.

Answer 3

iframe에 display: block을 추가하십시오.

.iframe_style{ 
    border: 3px solid red; 
    display: block; 
} 

추가 한 경계를 반드시 고려해야합니다. jQuery를 사용하여 너비와 높이에서 테두리 크기를 뺍니다.

var window_height = $(window).height() - 6; 
var window_width = $(window).width() - 6; 

JSFiddle :http://jsfiddle.net/Lxjy4ae6/50/