Javascript 禁用iframe上的触摸，但保持单击功能

我有一个iframe，它阻塞了下面的层，不允许它在手机和平板电脑设备中通过触摸滚动。是否有任何方法可以使用iframe的类名或保存它的div的类名仅在iframe上禁用触摸？

使用CSS

指针事件

禁用元素上的任何触摸事件：

iframe {
  pointer-events: none;
}

JSFIDLE示例：

---

正如我在标题中提到的，“我需要保持点击能力”，因此我无法使用指针事件哦，我明白你的意思了。我很困惑，因为你说“有没有办法只在iframe上禁用触摸…”你说的触摸是什么意思？或者你是说卷轴--