Zum deaktivieren der vertikalen Sprungkraft/scrollen auf dem iPhone in eine mobile web-Anwendung

Wie der Titel sagt, ich brauche zu deaktivieren vertikale hüpfen auf dem iphone auf meinem mobile-web form-Anwendung. Ive versuchte eine Menge verschiedener Dinge, aber die meisten von Ihnen deaktiviert meine form oder horizontal scrollen und springen, als gut. Irgendwelche Ideen?

Im mit jquery.mobile btw 🙂

Update:
Ich habe es tatsächlich geschafft, hier der code aus der ersten Antwort, die der Arbeit etwas:

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

Der Grund, warum ich konnte nicht bekommen es in den ersten Platz, war, dass es eigentlich etwas Spielraum auf meinem Körper (ich dummerle).
Aber. Das layout ist flüssig und im mit jquery.mobile und haben <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> im Kopf (denke ich), es funktioniert nicht richtig. Die Seite heraus gezoomt (Blick aus wie ein desktop-browser) und Zoomen deaktiviert ist. Ohne den code, die Seite wird so skaliert perfekt von einem 50" - tv für die kleinsten nokia auf dem Planeten.

Mache ich etwas falsch? Im anfangen zu glauben, das problem wird verursacht durch den Körper/Inhalt irgendwie über 100% des Viewports. Keine Ahnung, wie obwohl.

Könnte Sie aufzählen der Dinge, die Sie ausprobiert haben? Es könnte helfen, vermeiden einige nicht hilfreiche Antworten.
Ohne zu wissen, was du schon versucht hast, hier ist eine Lösung, die Ihnen helfen können: deaktivieren Sie die vertikale bounce, Wenn dies nicht, es für Sie zu lösen, geben Sie bitte konkret, was Sie versucht haben, so weit.
versucht position:fixiert auf Körper. Deaktiviert das horizontale scrollen. Habe versucht, die Antwort aus jroyce in 2 verschiedenen Arten. Kopieren/einfügen direkt aus der Antwort von jroyce funktionieren nicht auf allen, und mit einer anderen Antwort von stackoverflow nur eines der beiden Ereignisse führte zu der form nutzlos (kein focus vorhanden auf die Kontrollen). Irgendwelche Ideen?
Ich aktualisierte die Frage
Ausgezeichnet. Leider, ich habe nicht allzu viel Erfahrung mit diesem speziellen problem, aber ich finde, dass es hilft, fügen Sie so viele Details wie möglich zu liefern, wer versucht, Ihnen zu helfen die Informationen, die Sie benötigen.

InformationsquelleAutor Kasper Skov | 2012-03-12

  1. 1

    Fand ich diese Antwort : https://stackoverflow.com/a/20477023/2525304

    Sind Sie im wesentlichen erkennen, wenn der Benutzer ist das erreichen der oberen/unteren Rand der Seite und dann fangen die Scroll-event mit event.stopPropagation(); um zu verhindern, dass mehr scrollen.

    InformationsquelleAutor Maxime

  2. 0

    verwenden Sie diese Ansicht, port geben Sie Ihre anfängliche zoom-Stufe und halten die minimale und maximale zoom-Stufe

    <meta id="viewport" name="viewport" content ="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    Deaktivieren von Benutzer-Skalierung schlecht Auswirkungen von usability.
    Ich könnte Auswirkungen auf die die usability allerdings können Sie erhöhen die Größe der UI-Elemente mithilfe von media queries.

    InformationsquelleAutor Sam Kaz

Schreibe einen Kommentar