2011-02-16 103 views
0

我在trid加右鍵滾動div。在所有瀏覽器中,這都是完美的。但在iPad Safari中,它不會工作。它的ipad沒有支持這個css屬性?Ipad和CSS屬性溢出

我準備測試html。它不工作。

<html> 
    <head> 
     <style> 
      .ounner { 
       border: solid 1px red; 
       width:300px; 
       height: 500px; 
       overflow:scroll ; 
      } 
      .inner{ 
       border: solid blue 1px; 
       height: 700px; 
       width: 400px; 
      } 
     </style> 
    </head> 
    <body> 
     <div class="ounner"> 
      <div class="inner"> 
       sdsd 
      </div> 
     </div> 
    </body> 
</html> 
+4

iOS Safari不顯示元素上的滾動條。要顯示隱藏的內容,需要雙指拖動。這在Stackoverflow上的大代碼示例中也是如此。坦率地說,這是一種刺激(當然在iPhone上)。 – 2011-02-16 17:47:02

回答

2

overflow: autooverflow: scroll都支持MobileSafari,但由於滾動條未在iOS上使用,滾動這些領域必須使用兩個手指。

有一個名爲iScroll的JavaScript庫,用於處理觸摸事件並手動實現單指動量滾動;也許這是值得研究的。

1

我已經使用CSS:

-webkit-overflow-scrolling: touch; 

和滾動作品用1個手指以及(iPad 2的的iOS 5.1.1)。

希望它有幫助,菲利普