Div 스크롤 안드로이드 함께 2.3.3

내 애플 리케이션에 문제가있다. Android 2.3.3에서 Cordova 1.8.1을 사용하고 있습니다. div에서 scroll을 사용하려고합니다. 그러나 그것은 효과가 없습니다. 하지만 Android 4.0.3에서 작동합니다. 이 div는 비어 있지만 아약스로 업데이트하고 더 많은 콘텐츠를 추가합니다. 이 내 코드입니다 :Div 스크롤 안드로이드 함께 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>

출처

2012-09-26 Corallino

오버 플로우 속성은 안드로이드 3.0 전에 안드로이드 기기에서 제대로 작동하지 않습니다. 하지만 안드로이드 3.0 이상에서 해결되었습니다.

응용 프로그램을 개발하는 동안이 문제가 발생했습니다.

이 문제는 버튼을 사용하여 요소의 margin-top 속성에 애니메이션을 적용하여 음수 값으로 변경되어 스크롤 효과를 생성함으로써 해결되었습니다.

첫 번째는 변경됩니다 UP 버튼을 클릭하여,이 코드에서 javasctipt

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

에서 함수 ScrollDiv()를 추가보다 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>

에서 위, 아래 버튼을 추가 margin-top에서 negative 값으로 스크롤 효과를 생성합니다. 아래 버튼도 마찬가지입니다.

스크롤 제한에 도달하면 위로 및 아래로 버튼을 활성화 또는 비활성화하기위한 조건을 추가 할 수도 있습니다. http://www.seabreezecomputers.com/tips/scroll-div.htm

에서

출처

2012-09-26 10:18:01 Rishi

당신이 나에게 예를 줄 수 스크롤? – Corallino

그것이 당신을 위해 작동하는지 아닌지 알려주십시오. – Rishi

봐는 PX에서 요소의 높이와 무게를 설정하는 것을 잊지 마십시오 및 오버 플로우/owerflow-X/오버 플로우 - y를 =는

출처

2013-09-04 08:19:11 falko

Div 스크롤 안드로이드 함께 2.3.3

답변

관련 문제