ios iframe scrolling issue

by amindunited

HTML

<div class="iframeWrap">
    <iframe src="http://jsfiddle.net/amindunited/hnvpxjo8/embedded/result/">
        
    </iframe>
</div>

CSS

* {
    -webkit-overflow-scrolling: touch;
}
.iframeWrap {
    position: fixed; 
    right: 0; 
    bottom: 0; 
    left: 0;
    top: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    background-color: red;
}
.iframeWrap iframe {
    height: 100%;
    width: 100%;
    padding: 100px;
}