ios cordova-使用垂直和水平滚动时的滚动问题

Question

我正在构建一个基于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>

我制作了一个fiddle（由于我无法阻止主体滚动，所以使用起来有点古怪），基本上，如果您在触摸ios上的表格时尝试滚动该框，则无法但是如果您触摸桌下的线条，该框将正常滚动。

我认为这是因为它正在尝试滚动正文或html，但是我试图阻止它们通过position：fixed;滚动；溢出：隐藏；结果相同。

这可以在android上正常运行，并且可以在Windows中的chrome上进行仿真，但是在ios或我的cordova应用中的Safari浏览器中无法使用-如果有人可以告诉我原因，将不胜感激。

Answer 1

在css -webkit-overflow-scrolling: touch;中添加它，以使Safari（ios）中的滚动工作正常。