0

我的应用程序有问题。我正在 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>
4

2 回答 2

3

在 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');
    }
}

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

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

于 2012-09-26T10:18:01.953 回答
0

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

记得在 px 和 overflow/owerflow-x/overflow-y=scroll 中设置元素的高度或重量

于 2013-09-04T08:19:11.923 回答