HammerJS v2 <div> with 'overflow-y: auto' 不会在 ipad 上滚动答案

【问题标题】：HammerJS v2 <div> with 'overflow-y: auto' does not scroll on ipadHammerJS v2 <div> with 'overflow-y: auto' 不会在 ipad 上滚动
【发布时间】：2014-12-11 08:23:13
【问题描述】：

我有一个带有 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 在内容溢出时显示滚动条，但是，当尝试在 iPad 上以 safari 或 chrome 滚动时，它不起作用。在 android 设备上它似乎可以正常工作。

当你在 div1 上滑动时，它会带你到下一个 div1。

我试过设置锤子设置：

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

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

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

【问题讨论】：

我也有同样的问题。你解决了吗？怎么样？
刚刚提交了一个答案。

标签： javascript html touch hammer.js

【解决方案1】：

我通过设置解决了这个问题：

Hammer.defaults.touchAction = "compute";

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

【讨论】：