为什么动量滚动在这里不起作用？(使用 -webkit-overflow-scrolling： touch)

Question

我正试图通过在顶级div上设置一个名为动量滚动的类来实现动量滚动，该类将滚动的内容部分打包。该类定义为：

.momentum-scrolling
{
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

但它不起作用（在iOS 7.1和8.1的模拟器中测试）

这里有一个链接可以直接在jsbin上查看示例（适合在移动设备中查看以进行测试）：

http://jsbin.com/cewobokisi/1/

以下是jsbin上可编辑内容的链接：

http://jsbin.com/cewobokisi/1/edit?html，css，输出

（请注意，显示的CSS包括缩小的引导程序和其他一些东西。我之所以这样做，是因为虽然编辑起来有点困难，但我试图复制我们现在网站上的问题，以防我们所做的任何事情都会导致问题。）

更新

我这里有一个修改过的版本(http://jsbin.com/sibofucexe/1)我修改了动量滚动样式，包括位置：固定，高度/宽度100%（基于我发现的动量滚动示例的其他帖子）：

.momentum-scrolling
{
    position: fixed;
    height: 100%;
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

现在，确实允许惯性/动量滚动工作！

然而，现在我失去了点击顶部栏将窗口滚动到顶部的能力，偶尔我也无法向上或向下滚动（通常是在JavaScript操作DOM时，由于ajax点击添加更多数据）。

对这些问题有什么想法吗？我做错了吗？

Answer 1

我知道这是一个迟到的回复，但为了未来的谷歌用户：

根据CSS技巧，您必须使用overflow: scroll而不是overflow: auto。这可能会让你的第一个例子奏效。