Elementy wejściowe iOS 7 przenoszenie elementów o ustalonej pozycji

Question

Próbuję przekompilować aplikację na iOS 7, ponieważ nic z dotychczasowych nie działa. Jednym z wielu problemów jest to, że używam niektórych danych wejściowych w widoku UIWeb. Wprowadzanie tekstu, zbieracze itp.

Teraz, gdy pojawia się biała klawiatura iOS 7, wszystkie dolne, stałe elementy strony (takie jak przyciski potwierdzenia) są przewijane w górę, tak jakby górna część wirtualnej klawiatury jest nowym dnem mojego interfejsu UIWebView. Jest to zasadniczo inne zachowanie niż iOS6.x

Czy istnieje jakaś magiczna sztuczka, aby wirtualne działanie klawiatury działało tak, jak było kiedyś, bez wstrzykiwania JS/CSS do webView?

Answer 1

Naprawiono problem związany z moją aplikacją Cordova. Nie jestem pewien, czy to dotyczy ciebie, ale na wszelki wypadek.

Sprawdź html meta tagi na coś takiego:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"> 

Wymień go w ten sposób:

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" /> 

Answer 2

natknąłem się dokładnie tego samego problemu & zrezygnował po dwóch dniach eksperymentowania. Wygląda na to, że: a) wszystkie dolne elementy są skierowane ku górze, tak aby ich dolne przesunięcie było względem górnej krawędzi klawiatury c) wszystkie górne ustalone elementy pozostają w swojej pierwotnej pozycji (nie przesuwaj się w górę, tak jak poprzednio) - zauważ, że najlepsze elementy absolutne działają poprawnie.

Jedynym rozwiązaniem znalazłem mieć niestandardową iPad arkusza stylów, który zastępuje wszystkie stałe elementy z elementami bezwzględnych ustawia właściwość dolną css na auto i wykorzystuje top zamiast

Answer 3

Opposum, rozwiązanie pracował dla mnie, ale tylko wtedy, gdy Skala została ustawiona na 1,0. Jeśli ustawię ją na 0.9, będzie to wyglądało tak, jak przed proponowaną poprawką. Ustawiłem początkową skalę, maksymalną skalę i minimalną skalę na 0.9, a efekt odbicia nieruchomych obiektów, gdy pojawiła się klawiatura, wciąż się zdarzał.

Answer 4

W naszym przypadku naprawiłoby to się tak szybko, jak użytkownik przewija. Więc to jest poprawka używaliśmy do symulacji zwój na blur na dowolnym input lub textarea:

$(document).on('blur', 'input, textarea', function() { 
    setTimeout(function() { 
     window.scrollTo(document.body.scrollLeft, document.body.scrollTop); 
    }, 0); 
});