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?

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!

Did find this but I can't get it to work as expected. Perhaps Acorn or Siran could pitch in.

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

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.

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

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

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.

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:

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>

---

I’m glad you consulted a real expert - the Grandkids, lol.
Coincidentally, I had ordered a new IPad and it arrived yesterday. And yes, both frames scroll on the new device. So, it’s time to say a few words over the old one and send it on to IPad heaven. At least now I have an explanation for my website viewers that have problems with scrolling frames. Thanks to all for the assistance in this matter - especially the Granddaughter.
Stay well.