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

Question

我正在使用 iPad(移动 Safari):

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

我已经使用::-webkit-scrollbar 查看了 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 上的 ScrollView 中内置的内容)，您也可以实现它。跟踪 touchmove 事件之间的 dx/dy，将其用作接收 touchend 时的起始速度，然后使用 setInterval 作为计时器来应用摩擦，直到达到某个最小阈值时停止动画。