【问题标题】:overflow property not working in Amazon Kindle Fire WebView溢出属性在 Amazon Kindle Fire WebView 中不起作用
【发布时间】:2012-07-19 22:04:27
【问题描述】:

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

检查了是否支持溢出属性
 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>

【问题讨论】:

    标签: javascript android css html webview


    【解决方案1】:

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

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

    【讨论】:

    • 是否可以使用mousedown、mousemove事件实现滚动。任何示例代码或参考将不胜感激。
    • 我已更新我的答案以添加 iscroll 参考。你可能想调查一下。
    • 谢谢。我要试一试。
    • 看起来很有希望。感谢您的帮助。
    • 第一代 Kindle Fire 基于 Android 2.3.3,API 级别 10。其余均基于 Android 4.0.3,API 级别 15。参考:developer.amazon.com/sdk/fire/specifications.html
    猜你喜欢
    • 1970-01-01
    • 2014-10-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-16
    • 1970-01-01
    • 2012-04-06
    相关资源
    最近更新 更多