Html ios cordova-使用垂直和水平滚动时出现滚动问题

我正在开发一款基于Cordova的应用程序，目前进展顺利，但我在iOS上遇到了一个滚动问题

基本上，我在一个div中有一个水平滚动的表，我还有页面的其余部分，由一个垂直滚动的父div组成——除非你在ios上触摸表的同时尝试滚动主页，否则一切都会正常工作

<div class="example_container" style="height:220px;width:200px;">
    <div class="example_slide" id="example_slide_1" style="text-align:center;height:100%;overflow:auto;">
        <div style="width:80%;margin:auto;overflow-x:scroll;">
            <table>{table content}</table>
        </div>
    </div>
</div>

{表内容}

我已经做了一个（使用起来有点麻烦，因为我无法阻止身体滚动）基本上如果你在ios上触摸桌子时尝试滚动盒子，你不能，但是如果你触摸桌子下面的线，盒子会正常滚动

我认为这是因为它试图滚动正文或html，但我试图阻止他们滚动位置：固定；和溢出：隐藏；同样的结果

---

这在android上和在windows中的chrome上模拟时都能正常工作，但在ios上的safari或我的cordova应用程序中不起作用-如果有人能告诉我原因，我将不胜感激。

将此添加到css

-webkit overflow scrolling:touch使滚动在Safari（ios）中工作