Deaktivieren Sie das Scrollen in einer iPhone-Webanwendung?

Question

Gibt es einen Weg, das Scrollen auf einer Webseite in einer iPhone-Web-App vollständig zu deaktivieren? Ich habe zahlreiche Dinge ausprobiert, die bei Google veröffentlicht wurden, aber keine scheint zu funktionieren.

Hier ist meine aktuelle Kopfzeile:

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

scheint nicht zu funktionieren.

Answer 1

'self.webView.scrollView.bounces = NO;'

Füge einfach diese eine Zeile in das 'viewDidLoad' der mainViewController.m-Datei deiner Anwendung ein. Du kannst sie im Xcode öffnen und hinzufügen.

Dies sollte die Seite ohne jegliches Gummibandprallen machen, während das Scrollen in der App-Ansicht weiterhin möglich ist.

Answer 2

Die Seite muss vom Startbildschirm aus gestartet werden, damit das Meta-Tag funktioniert.

Answer 3

Ich habe die oben genannten Antworten ausprobiert, insbesondere die von Gajus, aber keines funktioniert. Schließlich habe ich die Antwort unten gefunden, um das Problem zu lösen, so dass nur der Hauptteil nicht scrollt, sondern andere scrollende Abschnitte innerhalb meiner Web-App einwandfrei funktionieren. Einfach positioniere das fixed für deinen Körper:

body {

height: 100%;
overflow: hidden;
width: 100%;
position: fixed;
}

Answer 4

document.ontouchmove = function(e){ 
    e.preventDefault(); 
}

ist tatsächlich die beste Wahl, die ich gefunden habe. Es ermöglicht Ihnen immer noch, auf Eingabefelder zu tippen sowie Dinge mit Hilfe von jQuery UI draggable zu ziehen, aber es hält die Seite davon ab, zu scrollen.