iOS scrollable iFrame

Question

Since iOS4 there was a bug that an iFrame could not be scrolled:

index.html

<html>
  <body>
    <iframe style="height:100px;border: 1px solid blue" src="iframe.html"></iframe>
  </body>
</html>

iframe.html

<html>
  <body>
    <div style="height:200px"></div>
  </body>
</html>

You will notice that the height:100px style is ignored by iOS.

Is there an official bug ticket for this behaviour?

Is it possible in iOS10 to scroll the content of an iframe?

possible dublicate http://stackoverflow.com/questions/26046373/iframe-scrolling-ios-8 — Ivin Raj, Feb 06 '17 at 07:15

score 0 · Answer 1 · answered Feb 06 '17 at 07:15

0

try this one:

 <div style="overflow:auto;-webkit-overflow-scrolling:touch">
   <iframe style="height:100px;border: 1px solid blue" src="iframe.html"></iframe>
</div>

answered Feb 06 '17 at 07:15

Ivin Raj

3,448
2
28
65

This doesn't work as the iframe doesn't get scrollable but the div around it. Sticky elements are still not sticky to the iframe – jantimon Feb 06 '17 at 21:42

iOS scrollable iFrame

1 Answers1