javascript - 当您的手指在 iframe 上方时垂直滚动页面

Question

我有一个带有scrolling: no选项的 iframe。对于所有移动设备，我想在 iframe 上滚动，换句话说，当我使用手指在 iframe 上垂直向下滚动时，父页面此时不会滚动。

提前致谢。

标签： javascripthtmlcssiframepostmessage

Answer 1

如果您使用手机，则添加滚动，否则设置“否”

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>