Question

我开发了一个Android应用程序，大多数应用程序GUI都是使用HTML5开发的。我使用WebView来呈现HTML5内容。它似乎适用于所有主要的Android版本，但我在亚马逊Kindle Fire上遇到严重问题。溢出属性无法正常工作，因此存在滚动问题。我使用

检查是否支持溢出属性

 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>

Answer 1

Kindle Fire基于旧版Android。因此不支持overflow: scroll。

但是，iScroll是一个流行的脚本，提供了许多与滚动相关的功能。

溢出属性在亚马逊Kindle Fire WebView中无效

1 个答案: