Phonegap, jQuery Mobile, Android, 텍스트 입력 후 더 이상 고정 도구 모음이 아님

Question

툴바와 관련하여 jQuery mobile, phonegap 및 android의 조합과 관련된 문제가 있습니다. 더 정확하게하려면 텍스트 영역에 입력 한 후 내 머리글과 바닥 글이 안정적으로 유지되도록 (데이터 위치 = "고정")하고 싶습니다.

머리글과 바닥 글에 data-tap-toggle = "false"속성도 포함되어 있지만 텍스트 영역에 내용을 쓰고 페이지에서 돌아 오면 머리글과 머리글은 더 이상 "고정"되지 않습니다. 다시 볼 수있게하려면 화면을 다시 터치해야합니다.

어떤 조언이 필요합니까? 미리 감사드립니다.

Answer 1

iOS에서 똑같은 문제가 있습니다. 몇 시간 후, 여러 가지 일을 시도, 나는 iScroll에 갔다. 이 외의 다른 대답이 있으면 기쁜 마음으로 듣겠습니다.

Answer 2

가장 좋은 방법은 (완벽하게 나를 위해 작동)입니다 :

https://github.com/watusi/jquery-mobile-iscrollview

그것은 iscroll와 JQuery와 모바일의 조합입니다. 기본적으로 2 개의 언급 된 라이브러리에 참여하는 모든 불쾌한 작업을 수행합니다.

Answer 3

Android 4.0.3에서 동일한 문제가 발생했습니다. 나는 수색 상자를 가진 명부가 있었다. 입력란으로 검색 상자를 탭하자 마자 머리글과 바닥 글이 고정 된 위치를 잃어 버렸습니다. 나에게는 매우 간단한 수정 작업이있다.

$('input[data-type=search]').live("focus", function() { 
     $("[data-role=header]").css('position','fixed'); 
     $("[data-role=footer]").css('position','fixed'); 
    }); 

희망!