Q

單指滾動對iPhone的Mobile Safari

2011-05-07 56 views 15 likes

15

子內的內容（DIV/I幀）：iPhone手機Safari Web應用程序單指滾動對iPhone的Mobile Safari

我需要保持一個網頁可見即使當用戶滾動的某些部分。 CSS屬性位置：固定不能按預期工作。使用溢出：自動屬性或需要雙指滾動這不是我想要的。

有沒有什麼辦法可以使用javascript或iphone safari Touch API（touchMove事件）在內部「div」或「iframes」內容上提供單指滾動？

2011-05-07 Salini Krishnan

A

回答

1

本地化它是不可能的，無論是與div或iframe，所以它必須解決JavaScript監聽觸摸事件。我正在爲一個項目研究這個相同的問題，並且目前我已經找到了解決這個問題的一對JavaScript庫。

我正在研究這一個，但我還沒有承諾它呢。

http://cubiq.org/iscroll-4

的喬·休伊特Three20成名最近已開始對這一解決方案dev下，但他是在開發的過程，其中作爲另一種已經存在了好幾年，現在真正的早期。

http://joehewitt.github.com/scrollability/

2011-05-24 17:36:56 scottbates22

+1

喜scottbates22，謝謝。我也在看iScroll-4 – 2011-05-25 04:42:14

+0

在後續...我發現Android手機上iscroll的性能是 – scottbates22 2011-06-03 18:20:17

+1

scottbates22，是...？ – Crashalot 2011-11-18 01:02:57

30

在CSS（適用於iOS 5）：

-webkit-overflow-scrolling: touch;

2012-02-23 18:31:57

+1

這是完美的！ – 2012-06-14 05:03:31

+5

需要應用哪個元素？ – 2012-07-18 14:10:27

+0

在容器上（像'overflow：auto;'或類似的東西）。這真是太棒了，謝謝！ :) – 2013-12-03 21:46:02

0

您可以只使用一個手指，但是你必須提供內部DIV的style.height

<div id="container-div" style="overflow:hidden"> 
    <div id="inner-div" style="overflow-y:auto; height:1024px"> 
    <!-- IMPORTANT!! you must specify the height of the inner div to make it scrollable -->

2013-06-04 10:51:22 Soyoes

+1

我們可以看到滾動條，但實際內容不滾動。 – 2014-09-01 09:49:36