溢出屬性在亞馬遜Kindle Fire中不起作用WebView

我開發了一個Android應用程序，並且大多數應用程序GUI都是使用HTML5開發的。我正在使用WebView呈現HTML5內容。它似乎在所有主流Android版本上都有效，但是我在亞馬遜Kindle Fire上遇到了嚴重問題。溢出屬性無法正常工作，並由於這個原因存在滾動問題。我檢查是否支持溢出屬性溢出屬性在亞馬遜Kindle Fire中不起作用WebView

if('overflow' in document.body.style)

並且結果是錯誤的。但是當我將這個屬性應用到ul時，沒有任何影響。請幫助解決這個問題。我不想使用Android SDK重新編寫Kindle Fire的應用程序。以下是不起作用的示例代碼：

<STYLE type="text/css"> 
     #list-container{ 
      left:0px; 
      width:1024px; 
      height:200px; 
      padding:0px; 
      margin:0px; 
     } 

     #image-list{ 
      height:200px; 
      width:1024px; 
      margin:0px; 
      padding:0px; 

      display:block; 
      white-space:nowrap; 

      overflow:scroll; 
     } 

     #image-list li{ 
      background-color:black; 
      list-style:none; 
      height:170px; 
      width:194px; 
      display:inline-block;  
     } 

<body style='width:1024px;height:600px;background-color:white;overflow-x:scroll;'> 

    <div id='list-container'> 
     <ul id='image-list'> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
      <li></li> 
     </ul> 
    </div> 

</body>

來源

2012-07-19 fz300

Kindle Fire基於舊版Android。因此不支持overflow: scroll。

但是，iScroll是一個流行的腳本，它提供了很多滾動相關的功能。

來源

2012-07-19 13:21:25

是否可以使用mousedown，mousemove事件來實現滾動。任何示例代碼或參考將受到高度讚賞。 – fz300 2012-07-19 13:44:32

我已更新我的答案以添加iscroll參考。你可能想看看。 – 2012-07-19 14:04:52

謝謝。我會試一試。 – fz300 2012-07-19 14:15:26

溢出屬性在亞馬遜Kindle Fire中不起作用WebView

回答

相關問題