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

Posted 2023-05-09

【中文标题】当您的手指在 iframe 上方时垂直滚动页面

【英文标题】：Scroll the page vertically when your finger is over the iframe

【发布时间】：2021-10-18 05:49:36

【问题描述】：

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

提前致谢。

【参考方案1】：

如果你use mobile 添加滚动，否则设置为“否”

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>

【讨论】：

你没有明白这一点。我不想滚动 iframe 本身。当我们触摸 iframe 时，我想滚动父窗口以滚动（尝试用手指在 iframe 上垂直滚动）。