2011-03-24 84 views
5

我正在使用iPad(移動探險):如何在滾動時在iPad上隱藏(但不禁用)滾動條?

問題: 有誰知道如何在iPad上隱藏滾動條?

我已經看過使用:: webkit滾動條瀏覽webkit滾動條樣式...這不適用於主窗口滾動條。

場景: 我在10,000 x 10,000像素以上的div裏面有一個重複的圖像。我希望用戶能夠滑動屏幕來移動這個巨大的div,這本質上是一個大的圖像,沒有滾動條出現。

所以我需要滾動條的功能,我只是需要它們被隱藏起來。

對此提出建議?

感謝您的幫助! -slwd

回答

0

您可能能夠使用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作爲計時器應用摩擦,直到您停止動畫的某個最小閾值。