iframe内触摸事件导致父页面无法滚动的问题求助

各位大佬好，我最近碰到个头疼的问题，想请大家帮忙支支招：

我在一个支持垂直滚动的父页面里嵌入了一个iframe，这个iframe会自动根据内部内容调整高度，本身永远不会出现滚动条。而iframe里面有个叫gestureZone的div元素，我给它绑定了touchstart、touchmove和touchend这几个触摸事件，用来实现区域内图片的手势操作（比如拖拽位移、双指缩放这类）。

大概的页面布局是这样的：父页面整体可垂直滚动，中间嵌入的iframe自适应内容高度，iframe内部核心区域是带触摸事件的gestureZone，里面承载着需要手势控制的图片。

现在遇到的麻烦是，当我在gestureZone上进行触摸操作时，父页面的垂直滚动就完全失效了，根本没法拖动页面上下滚动。我试了好几种调整事件绑定的办法都没解决，想问问有没有大佬遇到过类似的情况，或者有什么可行的解决方案能让触摸事件不干扰父页面的滚动？

内容来源于stack exchange