带有'overflow-y：auto'的HammerJS v2 <div>不会在ipad上滚动</div>

Question

我有一个带有HammerJS v2的页面。我的布局如下：

body - overflow: hidden
    div1 - overflow: hidden (this is always the size of the viewport)
        div2 - overflow-y: auto
    div1 - overflow: hidden (this is always the size of the viewport)
        div2 - overflow-y: auto

div2在内容溢出时显示滚动条，但是，当尝试在Safari或Chrome中滚动iPad时，它不起作用。在Android设备上它似乎工作正常。

当您在div1上滑动时，它会转到下一个div1。

我尝试过设置锤子设置：

Hammer.defaults.touchAction = "pan-y";

但这开始允许滚动整个文档，我不想要那样。我只想滚动div2。

有没有其他人遇到过这个问题，或者有任何想法可能是什么？

Answer 1

我通过设置：

解决了这个问题

Hammer.defaults.touchAction = "compute";

我还必须在模仿滚动的div2上放置一个pan事件。我使用以下文章来帮助模仿滚动：http://ariya.ofilabs.com/2013/08/javascript-kinetic-scrolling-part-1.html