单指滚动iPhone Mobile Safari中的内容(div/iframes)

Question

Sub:iPhone手机safari web应用程序

即使用户滚动,我也需要保持网页的某些部分可见.CSS属性position:fixed不能按预期工作.使用overflow:auto属性或需要双指滚动,这不是我想要的.

有没有办法使用javascript或iphone safari Touch API(touchMove事件)在内部'div'或'iframes'内容上提供单指滚动？

Answer 1

在CSS(适用于iOS 5)中:

-webkit-overflow-scrolling: touch;

Answer 2

本质上这是不可能的，无论是使用 div 还是 iframe，因此必须通过 javascript 监听触摸事件来解决。我正在为一个项目研究同样的问题，目前我发现了几个可以解决这个问题的 javascript 库。

我现在正在研究这个问题，但还没有做出承诺。

Three20 名声大噪的 Joe Hewitt 最近也开始开发此解决方案，但他确实处于开发过程的早期阶段，而另一个解决方案已经存在了几年了。