Scroll the page vertically when your finger is over the iframe

user_3269462 0
Viewed 93

I have an iframe with scrolling: no option. For all mobile devices, I want to scroll over the iframe, in other words, when I vertically scroll down on iframe using fingers, the parent page doesn't scroll at that time.

Thanks in advance.

postmessage iframe css html javascript
1 Answers

if you use mobile add scrolling else set "no"

var iframe = document.querySelector("iframe");
if (/Android|webOS|iPhone|iPod/i.test(navigator.userAgent)) {
  iframe.setAttribute("scrolling", "yes");
} else {
  iframe.setAttribute("scrolling", "no");
}
<iframe src=""></iframe>

user_91407400
Related