1. 首頁
  2. 問答
  3. Ipad和CSS屬性溢出

Ipad和CSS屬性溢出

2011-02-16 135 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>

來源

2011-02-16 Oleh Herych

+4

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

回答

2

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

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

來源

2011-02-26 05:07:09 Matt

1

我已經使用CSS：

-webkit-overflow-scrolling: touch;

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

希望它有幫助，菲利普

來源

2012-09-20 09:37:41

相關問題

 相關問題