Assitance required getting Iframes to scroll on mobiles

[Egg Bramhill]

Hi, I can get iframes to scroll easily within desktop PC's etc but can't easily get them to scroll on either my iphone mobile nor ipad. The page scrolls instead.

I have found what I think would be a solution but my knowledge of js and ccs isn't great.

The solution page is here.

Could someone (Acorn or Siran ) possibly point me in the correct direction?

Attached is a draft page I'm using to try this out.

[Initiostar]

Hi Egg,

I changed height=550px on your mobile version and the scroll bar appears; not entirely sure it will work for Safari though?


Gary

[Egg Bramhill]

Hi Gary,

Thanks for your input.

I can get the scrollbar showing on a reduced browser size on my desktop but the scrollbar isn't present on my iPhone nor iPad. As the author of the linked webpage states this is a known issue with IOS and he suggests a way of allowing the iframe to scroll rather than the web page itself.

Unfortunately I receive the two error reports trying to open your file

[Initiostar]

Hi Egg, not sure if this will help for Safari mobile, but maybe worth a try (don't have an Apple device atm); I came across the code in another forum. For some reason, I don't think it behaves correctly in Edge though.

<div style="overflow:auto;-webkit-overflow-scrolling:touch">
<iframe src="https://docs.google.com/document/d/e/2PACX-1vTLdrSwri-CCAGuT_TG7nLGMbb4tkQpDsUGDdDHA3dYs8EhMs4OqQ4xE471Ocr0WamUTeFIrVPG2DUV/pub?embedded=true" width=100% height=550>
</iframe>
</div>

Hopefully better luck with the XAR file opening.

Gary

[Braden]

Hey Egg!

Sorry to be rude, but can I grab your attention: ---->https://www.talkgraphics.com/showthr...t-Facebook-etc

Maybe you or some of the other Xara gurus can figure this out!