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

我试图让动力滚动工作,通过在顶级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,output

(请注意,显示的CSS包括缩小的引导程序,以及其他一些内容.我这样做是因为虽然编辑起来有点困难,但我正试图重现问题,就像我们现在在网站上一样,以防万一我们正在做的是造成这个问题.)

更新

我在这里有一个修改过的版本(http://jsbin.com/sibofucexe/1),我修改了.momentum-scrolling样式,包括位置：固定,高度/宽度100％(基于我在动量滚动示例中找到的其他一些帖子)：

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

而这现在允许惯性/动量滚动工作！

但是,现在我失去了点击顶部栏以将窗口滚动到顶部的能力,偶尔我无法向上或向下滚动(通常当DOM被JavaScript操纵时,由于ajax命中以添加更多数据) .

关于这些问题的任何想法？我做错了吗？

解决方法

我知道这是一个迟到的回复,但为了未来的Google员工：

根据CSS Tricks,你必须使用overflow：scroll而不是overflow：auto.这可能会导致您的第一个示例工作.