-webkit-overflow-scrolling:触摸和"点按状态栏以滚动到顶部"

Question

在iPhone上导航到这个小提琴并注意到即使有-webkit-overflow-scrolling:touch声明,"点击顶部"功能仍然有效.这是在运行iOS 6.1的iPhone 4和运行iOS 5.0.1的iPhone 4S上测试的.

此测试提出了一个问题:声明是否-webkit-overflow-scrolling:touch会影响iOS中的" 点按状态栏以滚动到顶部 "行为？

Answer 1

根据我的经验,它确实会影响它.我不知道两种功能同时工作的方法,至少从iOS 6.1开始.

我也有一个来自jQuery Mobile文档的引用支持这个:

-webkit-overflow-scrolling:touch属性似乎禁用事件,以便在状态栏中点击时间时将您滚动到页面顶部.我们希望Apple修复此问题,因为它是一个非常有用的功能.

这实在是不幸的,苹果有它成立这样的,因为我太喜欢使用这个功能,但滚动到顶部的能力是对我更重要.

Answer 2

如果您放置-webkit-overflow-scrolling:touch除以外的任何元素document.body,它将中断默认的点击状态栏以滚动到顶部行为.

GitHub上有一个很小的脚本,它可以替代丢失的滚动到iOS溢出滚动的顶部.您可以将其放在应用程序标题上以获得几乎相同的结果.