如何在滚动时在iPad上隐藏（但不禁用）滚动条？

Question

我正在使用iPad（移动探险）：

问题： 有谁知道如何在iPad上隐藏滚动条？

我已经看过使用:: webkit滚动条浏览webkit滚动条样式...这不适用于主窗口滚动条。

场景： 我在10,000 x 10,000像素以上的div里面有一个重复的图像。我希望用户能够滑动屏幕来移动这个巨大的div，这本质上是一个大的图像，没有滚动条出现。

所以我需要滚动条的功能，我只是需要它们被隐藏起来。

对此提出建议？

感谢您的帮助！ -slwd

Answer 1

您可能能够使用TouchScroll库：http://uxebu.com/blog/2010/04/27/touchscroll-a-scrolling-layer-for-webkit-mobile/

否则，我会做什么设置overflow: hidden你的DIV，然后用JavaScript来实现滚动。这需要监听touchstart，touchmove和touchend事件，并相应地移动图像的x/y位置。如果您需要摩擦减慢（与移动Safari上的滚动视图内容类似），您也可以实现这一点。跟踪touchmove事件之间的dx/dy，将其用作接收touchend时的起始速度，然后使用setInterval作为计时器应用摩擦，直到您停止动画的某个最小阈值。

Answer 2

这是一种破解，但：使您的UIWebView大约比屏幕高10px。 （由someone asking the opposite question启发）