如何在滚动时在iPad上隐藏(但不禁用)滚动条?
问题描述:
我正在使用iPad(移动探险):如何在滚动时在iPad上隐藏(但不禁用)滚动条?
问题: 有谁知道如何在iPad上隐藏滚动条?
我已经看过使用:: webkit滚动条浏览webkit滚动条样式...这不适用于主窗口滚动条。
场景: 我在10,000 x 10,000像素以上的div里面有一个重复的图像。我希望用户能够滑动屏幕来移动这个巨大的div,这本质上是一个大的图像,没有滚动条出现。
所以我需要滚动条的功能,我只是需要它们被隐藏起来。
对此提出建议?
感谢您的帮助! -slwd
答
您可能能够使用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作为计时器应用摩擦,直到您停止动画的某个最小阈值。