禁用 iframe 上的触摸但保持点击功能

Question

我有一个 iframe，它阻挡了下面的图层，并且不允许它在手机和平​​板设备中通过触摸滚动。有什么方法可以仅使用 iframe 的类名或持有它的 div 的类名来禁用 iframe 上的触摸？

Answer 1

使用 CSS pointer-events 禁用元素上的任何触摸事件：

iframe {
  pointer-events: none;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

JSFiddle 示例：

http://jsfiddle.net/eyync6mp/2/