如何在滚动时隐藏(但不禁用)iPad上的滚动条?

时间:2011-03-24 23:01:08

标签: ipad scrollbar mobile-safari hide

我正在使用iPad(移动游猎):

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

我已经看过使用:: - webkit-scrollbar看了webkit滚动条样式...这对主窗口滚动条不起作用。

方案: 我在div中的重复图像超过10,000px到10,000px。我希望用户可以滑动屏幕在这个巨大的div上移动,这实际上是一个大图像,没有滚动条显示。

所以我需要滚动条的功能,我只需要将它们隐藏起来。

建议?

感谢您的帮助! -slwd

2 个答案:

答案 0 :(得分:0)

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

否则,我要做的是在你的div上设置overflow: hidden,然后使用JavaScript来实现滚动。这将需要监听touchstart,touchmove和touchend事件,并相应地移动图像的x / y位置。如果您需要摩擦减速(类似于移动Safari中滚动视图中内置的那些),您也可以实现它。跟踪touchmove事件之间的dx / dy,将其用作收到touchend时的起始速度,然后使用setInterval作为计时器将摩擦应用到停止动画的最小阈值。

答案 1 :(得分:0)

这有点像黑客,但是:让你的UIWebView大约比屏幕高10px。

(灵感来自someone asking the opposite question。)