Phonegap iOS - zapobiega przewijaniu na ognisku wejściowym

Question

Tworzę aplikację na iPada za pomocą Phonegapa. Aplikacja ma ustaloną orientację poziomą i menu biegnące u góry, z polem tekstowym w prawym górnym rogu. Aplikacja ma stały rozmiar (pełny ekran) i nie wymaga przewijania.

Gdy użytkownik dotknie pola tekstowego, które pojawi się w prawym górnym rogu na iOS 6, cała aplikacja przesunie się w lewo, aby umieścić pole tekstowe na środku ekranu, przesuwając całą aplikację w lewo i pozostawiając puste miejsce na dobrze.

Jak zapobiec temu zjawisku?

Obecnie mam UIWebViewBounce ustawiony na NO i następujący kod w miejscu, aby złapać touchstart zdarzeń:

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

mam to również na polu samego tekstu, który wydaje się działać na iOS 5 (aczkolwiek z jąkanie), ale nie na iOS 6:

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

Każda pomoc mile widziana.

Answer 1

Spróbuj dodać następujące style css do elemnt ciała:

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

Zapobiega wyboru użytkownika na linki i inne rzeczy. Może to będzie dla ciebie szaleniec.

Answer 2

Spróbuj dodać ten skrypt w atrybucie onfocus w input, że nie chcesz, aby przesunąć po czym skupiła:

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