Phonegap iOS - 입력 포커스 스크롤을 방지합니다.

Phonegap을 사용하여 iPad 앱을 만들고 있습니다. 앱은 고정 된 가로 방향과 맨 위를 따라 실행되는 메뉴를 가지고 있으며, 오른쪽 상단에 텍스트 상자가 있습니다. 앱은 고정 크기 (전체 화면)이며 스크롤 할 필요가 없습니다.Phonegap iOS - 입력 포커스 스크롤을 방지합니다.

사용자가 iOS 6에서 오른쪽 상단에 나타나는 텍스트 상자를 터치하면 텍스트 상자를 화면 중앙에 놓고 전체 앱을 왼쪽으로 밀고 권리.

이 동작을 어떻게 막을 수 있습니까?

내가 현재 가지고 UIWebViewBounce는 NO로 설정과 장소에 다음 코드 이벤트 touchstart 잡으려고 :

document.body.addEventListener('touchmove', function(e) { 
    e.preventDefault(); 
}, false);

또한 (A를이기는에서 iOS 5에서 작동하는 것 같다 텍스트 상자 자체에 이것을 가지고

stutter), iOS 6에는 포함되지 않음 :

$('#searchText').on("focus", function(event) { 
    window.scrollTo(0, 0); 
});

도움이 되었습니까?

출처

2013-01-14 colin

-1

은 몸 elemnt에 다음 CSS 스타일을 추가하십시오 : 그것은 링크 및 기타 물건에 대한 사용자 선택을 방지

-webkit-touch-callout: none; 
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none; 
-webkit-tap-highlight-color: rgba(0,0,0,0);

. 어쩌면 그것은 당신을 도울 것입니다.

출처

2013-01-14 22:38:04 kreig

I 해요 두려워 kreig - 미안하지만 감사 모두 같은. – colin

당신이 집중 될 때 이동하지 않을 input의 onfocus 속성이 자바 스크립트를 추가하는 시도 :

이 나를 위해 작동하지 않습니다

<input onfocus="this.style.webkitTransform = 'translate3d(0px,-10000px,0)'; webkitRequestAnimationFrame(function() { this.style.webkitTransform = ''; }.bind(this))"/>

출처

2015-01-01 10:07:40 131

고맙습니다. 나는 약 2 년 동안 iOS HTML 앱 개발을 위해 이런 문제를 겪었습니다 !!! 나는 Jquery에서 iScroll에 이르기까지 다른 JavaScript 라이브러리에 대한 모든 것을 시도했다. 오랜 인생의 탐구에 대한 해답을 찾아 주셔서 고맙습니다. 한 번 수락 할 수 있습니다. –

당신은 XD LOL – 131

을 환영합니다. Cordova & Phongap을 최신 버전으로 업데이트 한 후에는 수정본이 더 이상 작동하지 않는 것으로 보입니다. lmao –

Phonegap iOS - 입력 포커스 스크롤을 방지합니다.

답변

관련 문제