Question

我的应用有问题。我在Android 2.3.3上使用Cordova 1.8.1。我正在尝试在div中使用滚动。但它不起作用。但适用于Android 4.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>

Answer 1

在Android 3.0之前，Android设备中的溢出属性无法正常工作。但它是从Android 3.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');
    }
}

在此代码中，单击“向上”按钮会将margin-top更改为负值，从而创建滚动效果。向下按钮也是如此。

如果达到滚动限制，您还可以添加启用或禁用向上和向下按钮的条件。

Answer 2

查看http://www.seabreezecomputers.com/tips/scroll-div.htm

请记住在px中设置元素的高度或权重，溢出/溢出-x / overflow-y =滚动

Div Scroll with android 2.3.3

2 个答案: