溢出属性在亚马逊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

回答

相关问题