iPhone HTML5 App Przewijanie Pytanie

Question

Nie wiem, czy to jest w ogóle możliwe, czy co do Google, aby znaleźć to, ale jak można dodać:

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

I uczyni to, że tak nie można przewijać z boku na bok, tylko w górę iw dół. Czy istnieje sposób, aby to zrobić, aby nie było efektu przeskoku, gdy osiągniesz koniec, ale nadal przewijasz, a potem wyskakuje? Podobnie jak aplikacje Cocoa zauważyłem, że "overscroll" czasami mają ten sam kolor tła, więc nie wygląda jak Safari czy po prostu w ogóle tego nie robi?

Answer 1

To, do kogo dzwonisz, to bounce. Niestety nie ma udokumentowanego sposobu wyłączenia bounce w UIWebView. Możesz spojrzeć na UIScrollView dla metod związanych z odskokiem. UIWebView jest właścicielem UIScrollView, ale nie udostępnia go.

Aby zapobiec przewijaniu w poziomie, wystarczy upewnić się, że strona internetowa mieści się w widocznym obszarze. Jedną z częstych przyczyn braku dopasowania jest element o szerokości 100%, gdy margines ciała nie wynosi zero.

Możesz całkowicie uniemożliwić przewijanie i odbijanie, dodając obsługę zdarzeń dotykowych do dokumentu i wywołując funkcję preventDefault na zdarzeniu. Spowoduje to skuteczne wyłączenie odskoku, jeśli Twoja strona całkowicie mieści się w oknie roboczym.

function stopScrolling(touchEvent) { touchEvent.preventDefault(); } 
document.addEventListener('touchstart' , stopScrolling , false); 
document.addEventListener('touchmove' , stopScrolling , false); 

Edit:

UIWebView jest w większości prywatna od strony Objective-C, ale dość dostępne z javascript strony. Jeśli nie masz kontroli nad ładowaną treścią, możesz inject javascript.

Answer 2

Jeśli używasz Cordova 1.7+, wystarczy otworzyć plik Cordova.plist i ustawić klucz UIWebViewBounce do NO

w Cordova 2.3+, to teraz config.xml i trzeba ustawić go false .

Answer 3

@ JSW189

jeśli usunąć tę linię:

document.addEventListener('touchstart' , stopScrolling , false); 

Wtedy powinno działać, chyba. Dostałem problem, że nie mogłem już naciskać przycisku, próbuję usunąć powyższy wiersz i nie przewijałem go więcej i mogłem naciskać przyciski.

Answer 4

Rozwiązaniem dla poprzednich wersji Cordova jest na następujące stanowisko: http://tripleshotsoftware.blogspot.ch/2012/09/stop-uiwebview-bounce-for-cordova-based.html

zmienić MainViewController.m (lub pliku AppDelegate.m w starszych wersjach Cordova/oddzwaniania/PhoneGap).

Look dla webViewDidFinishLoad, a wewnątrz tej metody dodać następujący wiersz:

[[theWebView.subviews objectAtIndex:0] setBounces:NO];