2012-09-26 106 views
0

我的應用程序出現問題。我正在Android 2.3.3上使用Cordova 1.8.1。 我想在div中使用滾動。但它不起作用。但適用於Android 4.0.3。 我補充說,這個div是空的,但與我更新和添加更多的內容。 這是我的代碼:Div Scroll with android 2.3.3

<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> 

回答

3

overflow屬性沒有正確的Android設備Android 3.0之前的工作。但它是從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

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

添加功能ScrollDiv()在這段代碼中,通過單擊向上按鈕,將改變將margin-top設置爲負值,從而創建滾動效果。向下按鈕也一樣。

如果達到滾動限制,您還可以添加啓用或禁用向上和向下按鈕的條件。

+0

你能給我一個例子嗎? – Corallino

+0

只是告訴我它是否適合你。 – Rishi