0

アプリに問題があります。私はAndroid2.3.3でCordova1.8.1を使用しています。divでスクロールを使用しようとしています。しかし、それは機能しません。ただし、Android4.0.3で動作します。このdivは空ですが、ajaxを使用して更新し、コンテンツを追加します。これは私のコードです：

<div id="openDataContent" style="width: 100%;height:70%; margin:5px 0 0 0; overflow: scroll;-webkit-overflow-scrolling: touch;  box-shadow: 2px 0px 2px #1b698e;border:solid;"></div>
4

2 に答える 2

3

オーバーフロープロパティは、Android3.0より前のAndroidデバイスでは正しく機能していません。ただし、Android3.0以降で解決されています。

アプリケーションの開発中にもこの問題が発生しました。

この問題は、ボタンを使用し、要素のmargin-topプロパティをアニメーション化して負の値に変更し、スクロール効果を作成することで解決されました。

まず、HTMLページに上ボタンと下ボタンを追加します

<a href="#" onclick="ScrollDiv('UP')" style="text-decoration:none;"><img id="ScrollUp" src="images/UpButton.png" style="position:absolute;float:right;top:30%;right:5px;z-index:100;" /></a>
<a href="#" onclick="ScrollDiv('DOWN')" style="text-decoration:none;"><img id="ScrollDown" src="images/DownButton.png" style="position:absolute; float:right;top:80%;right:5px;z-index:100;" /></a>

javasctiptに関数ScrollDiv（）を追加するより

function ScrollDiv(where)
{
    if(where != '' && where == 'UP')
    {
        $("#showAnim").css("margin-top", '-=100');
    }
    else
    {
        $("#showAnim").css("margin-top", '+=100');
    }
}

このコードでは、UPボタンをクリックすると、マージントップが負の値に変更されるため、スクロール効果が作成されます。下ボタンについても同様です。

スクロールの制限に達した場合に、上ボタンと下ボタンを有効または無効にするための条件を追加することもできます。

于 2012-09-26T10:18:01.953 に答える
0

http://www.seabreezecomputers.com/tips/scroll-div.htmを見てください

要素の高さまたは重量をpxで設定し、overflow / owerflow-x / overlay-y=scrollを設定することを忘れないでください

于 2013-09-04T08:19:11.923 に答える