Wednesday, October 14, 2026
HomeiOS Developmenthtml - Scroll ingredient behind an iframe with pointer occasions: none does...

html – Scroll ingredient behind an iframe with pointer occasions: none does not work on ios

[ad_1]

I’ve an scrolleable div and on prime of that (with place absolute) an iframe with pointer-events: none:

<div id="scrolleableDiv"> ... </div>

<div>
  <iframe src="..." scrolling="no"></iframe>
</div>

You possibly can click on on the div behind the iframe, however if you attempt to do a scroll, it really works in all places besides on iOS (safari or chrome).

I attempted to place the iframe on a div and use the parameter “-webkit-overflow-scrolling: contact;” on the div dad or mum of the iframe, however nonetheless not working.

Right here it’s an instance: https://codepen.io/miss_xelun/pen/KKowXpL

How can I make the scroll on the again div to work on iOS?

[ad_2]

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments