0

I used bootstrap to make iframe responsive .iframe is a magazine that contains several pages. My problem is: I can scroll only one page in the iframe on IOS.

    <div id="outerdiv" class="embed-responsive embed-responsive-16by9"   style="-webkit-overflow-scrolling: touch !important; overflow: auto!important;">

<asp2:HtmlIframe src="#"  runat="server"class="embed-responsive-item"  id="frame" allowfullscreen></asp2:HtmlIframe>
        </div>
0

Try this:

 #s4-workspace, iframe {
    overflow: scroll !important;
    width: 100%;
    height: 100%;
    border: none;
}
.div {
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: none;
    background-color: #FFF;
}
  • I tried to apply this css and still the same problem – Alice Mar 14 at 11:18
  • add to this code: $('#outerdiv').css('-webkit-overflow-scrolling','auto'); or JS document.getElementById('outerdiv').style.webkitOverflowScrolling = 'auto'; – Fox Mar 14 at 11:31
  • I tried the js and the same problem – Alice Mar 14 at 13:49

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.