0

我开发了一个 Android 应用程序，大部分应用程序 GUI 都是使用 HTML5 开发的。我正在使用 WebView 来呈现 HTML5 内容。它似乎适用于所有主要的 Android 版本，但我在 Amazon 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>
4

1 回答 1

1

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

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

于 2012-07-19T13:21:25.160 回答