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

概述我试图让动力滚动工作,通过在顶级div上设置一个名为动量滚动的类来包装滚动内容的一部分.该类定义为： .momentum-scrolling{ overflow: auto; -webkit-overflow-scrolling: touch;} 但它不起作用(在iOS 7.1和8.1上的模拟器中测试). 这是一个直接在jsbin上查看示例的链接(适合在移动设备中查看以进行测试 我试图让动力滚动工作,通过在顶级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.这可能会导致您的第一个示例工作.

总结

以上是内存溢出为你收集整理的ios – 为什么动量滚动不在这里工作？ (使用-webkit-overflow-scrolling：touch)全部内容，希望文章能够帮你解决ios – 为什么动量滚动不在这里工作？ (使用-webkit-overflow-scrolling：touch)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。