我需要创建一个可以自行滚动的移动网页的一部分(即使我倾向于不同意这在移动设备上是一件好事)。标准方法是将其设置为overflow: scroll
,然后就可以了。
唉,在iOS上,需要用两根手指滚动该区域,许多人仍觉得这种区域不直观。这将在iOS5中修复,但在此之前,我需要一键支持它。
所以我发现了一些JS选项。一个是Scrollability。问题是它只支持iOS。除了iOS,我需要支持Android,黑莓OS6和诺基亚。所以一个人出局了。
然后我尝试了iScroll。这非常有效。对我来说,问题在于,它通过纯JS实现这一点,因为您永远不会看到本机滚动条。因此,它生成的滚动条更像是一个假人,因为无法使用鼠标或键盘。
所以,问题是:是否有人知道在移动网页上创建滚动div的JS解决方案a)允许在触摸设备上单触滚动和b)使用本机滚动条启用键盘设备?
如果没有,我们可以恢复设备检测,为JS和键盘设备提供触摸设备滚动条......虽然这仍然让我们遇到一些触摸设备也有键盘的问题。