2014-01-09 4 views
1

PhoneGap, jQuery 및 iScroll 5를 사용하여 iOS 용 기본 앱을 만듭니다. iScroll은 바닥 글의 입력 필드에 집중할 때를 제외하고는 완벽하게 작동합니다. 가상 키보드가 나타나고 전체보기가 표시됩니다. 헤더가 보이지 않아서 페이지의 맨 위로 스크롤 할 수 없습니다. 입력 필드가 포커스를 잃거나 흐려지면 모든 것이 정상으로 돌아갑니다. iScroll이 화면 크기 변경을 감지하지 못한다고 읽었지만이를 수정하는 방법을 모르겠습니다. 행운과 window.scrollTo (0, 0) 및 scrollTop() 시도했다. 감사!Phonegap iOS iScroll 5보기 가상 키보드 위로 이동

답변

1

저는 수 주일 동안 고심하고 있습니다.

는 XML에

body{ 
    overflow: hidden; 
    position: fixed; 
    top:0; 
    min-height: 480px; /* Window height for iPhone 5*/ 
} 

을 시도 :

<preference name="HideKeyboardFormAccessoryBar" value="true" /> 

나는

CGFloat actualKeyboardHeight = (keyboardFrame.size.height - accessoryHeight); 
newFrame.size.height -= actualKeyboardHeight; 

에서 CDVViewController.m

변경

newFrame.size.height -= 0; 

이제는 하나의 페이지에 여러 입력란이 없으면 스크롤이 필요합니다.

0

스크롤러 래퍼의 scrollTop 값이 CSS가 오버 플로우 속성이 '숨김'인 경우에도 virtualkeyboard가 표시 될 때 변경 될 수 있습니다. hidekeyboard 이벤트 처리기에서 래퍼의 scrollTop을 0으로 재설정했습니다.