1 Attachment(s)
Assitance required getting Iframes to scroll on mobiles
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.
1 Attachment(s)
Re: Assitance required getting Iframes to scroll on mobiles
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
1 Attachment(s)
Re: Assitance required getting Iframes to scroll on mobiles
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 :(
1 Attachment(s)
Re: Assitance required getting Iframes to scroll on mobiles
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.
HTML Code:
<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
Re: Assitance required getting Iframes to scroll on mobiles
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!