0

私はAndroidアプリケーションを開発しましたが、ほとんどのアプリケーションGUIはHTML5を使用して開発されています。WebViewを使用してHTML5コンテンツをレンダリングしています。すべての主要なAndroidバージョンで動作しているようですが、AmazonKindleFireで深刻な問題が発生しています。オーバーフロープロパティが正しく機能していないため、スクロールの問題が発生します。オーバーフロープロパティがサポートされているかどうかを確認しました

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

結果は真実でした。しかし、このプロパティをulに適用しても、影響はありません。この問題の解決にご協力ください。AndroidSDKを使用してKindleFire用のアプリケーションを書き直したくありません。動作していないサンプルコードは次のとおりです。

   <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 に答える