Scrolling Iframes on Ipad
I have an iframe on my golf course website that displays a third party tee booking system. It scrolls nicely on PC's and Android phones, but will not scroll on Ipads or Iphones.
This is not a new problem. I've discovered from searching for a solution that the problem has been around for years. Apparently, you used to be able to use 2 fingers to scroll an iframe, but Apple took that capability away with an upgrade to their operating system some time ago.
The problem has nothing to do with Xara software, so I figured I'd post it here. I'm sure a lot of designers have had this issue. Does anyone have a solution?
Re: Scrolling Iframes on Ipad
Hi STS, no I've no solution either but it's a real pia. As you state iframes scroll fine on Desktops, laptops and tablets but totally fail on Apple devices. It's a real bummer!
Re: Scrolling Iframes on Ipad
Did find this but I can't get it to work as expected. Perhaps Acorn or Siran could pitch in.
Re: Scrolling Iframes on Ipad
Quote:
Originally Posted by
Egg Bramhill
Did find
this but I can't get it to work as expected. Perhaps Acorn or Siran could pitch in.
Love to help but I have no Apple stuff.
Acorn
Re: Scrolling Iframes on Ipad
Hi Egg Bramhill:
Thanks for your response. I had found that reference too with similar results (negative). It also works on my Android phone. Interestingly, when my lady got home yesterday, I tried my site on her newer Ipad and newer Iphone and it scrolls! So, for those like me who still have older Apple stuff, it looks like we need to spring for new toys.
Thanks again for your input.
Re: Scrolling Iframes on Ipad
Interesting STS. I've worked on this for considerable time. I did manage to get it working on my iPhone six & an even older iPad. But I can't get it working every time!!!
Give this a view on your iPhone and try it on your wifes phone. Only the right side scrolls but not the left, which just opens up the whole link.
TRY ME
Re: Scrolling Iframes on Ipad
Egg,
I took a look with my Iphone 7 with the newest software update and both sides scroll fine. I did notice it was easier to scroll when zoomed in a little.
Ray
Re: Scrolling Iframes on Ipad
Well, both iframes scroll nicely on my PC and Android phone. They both scroll on my wife's new Ipad. But on my old beast of an Ipad, the left hand box is tall enough that scrolling isn't necessary. The right hand box (spreadsheet) scrolls OK. I can't try her phone until she gets home from work.
I saw RKissane's entry and tried zooming the left hand box, but that had no effect. It was still a tall box with all text showing and hence, didn't need scrolling. Weird.
2 Attachment(s)
Re: Scrolling Iframes on Ipad
Cheers Ray & STS. I got my Grandaughter to look at it on her iPhone11 and she said both scrolled correctly, so it is indeed the hardware/software age. Screen-grabs:
Re: Scrolling Iframes on Ipad
By the way, here's the iframe code I used:
Quote:
<div style="overflow: auto!important; -webkit-overflow-scrolling: touch!important;">
<iframe src="https://docs.google.com/document/..... etc" width=100% height=300px scrolling=yes></iframe>
</div>