Comment faire pour désactiver la verticale de rebond/scroll sur iPhone dans une application web mobile

Comme le dit le titre, j'ai besoin de désactiver verticale rebondir sur iphone sur mon mobile, web formulaire de demande. J'ai essayé beaucoup de choses différentes, mais la plupart d'entre eux désactive mon formulaire ou de défilement horizontale et rebondir. Des idées?

Im en utilisant jquery.mobile btw 🙂

Mise à jour:
J'ai effectivement réussi à obtenir le code de la première réponse de travailler un peu:

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

La raison pour laquelle je ne pourrais pas le faire fonctionner, en premier lieu, était qu'il y avait vraiment peu de marge sur mon corps (stupide moi).
Mais. Comme la mise en page est fluide et im en utilisant jquery.mobile et avez <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> dans l'en-tête (je pense) il ne fonctionne pas correctement. La page est un zoom (vue comme un navigateur de bureau) et le zoom est désactivé. Sans le code, la page d'échelles parfaitement droite à partir d'un 50" tv à la plus petite de nokia sur la planète.

Je fais quelque chose de mal? Im commencer à penser que le problème est causé par le corps/contenu d'être en quelque sorte plus de 100% de la fenêtre d'affichage. Aucune idée de comment si.

Pourriez-vous énumérer les choses que vous avez essayé? Il pourrait aider à éviter certaines inutile de réponses.
Sans savoir ce que vous avez déjà essayé, voici une solution qui peut vous aider: désactiver la verticale de rebond Si cela ne résout pas pour vous, veuillez indiquer précisément ce que vous avez essayé jusqu'à présent.
essayé position:fixé sur le corps. Désactive le défilement horizontale. Essayé la réponse de jroyce de 2 façons différentes. Copier/coller directement à partir de la réponse de jroyce ne fonctionne pas à tous, et en utilisant une autre réponse de stackoverflow aide de l'un des événements a entraîné la forme d'être inutile (pas d'accent disponibles sur les contrôles). Des idées?
J'ai mis à jour la question
Excellent. Malheureusement, je n'ai pas trop d'expérience avec ce problème particulier, mais je trouve qu'il permet d'ajouter autant de détails que possible pour fournir à quiconque essaie de vous aider avec les informations dont ils ont besoin.

OriginalL'auteur Kasper Skov | 2012-03-12

  1. 1

    J'ai trouvé cette réponse : https://stackoverflow.com/a/20477023/2525304

    Ils sont essentiellement à détecter lorsque l'utilisateur atteint le haut/bas de la page et ensuite de prendre le défilement de l'événement avec event.stopPropagation(); pour empêcher plus de défilement.

    OriginalL'auteur Maxime

  2. 0

    utiliser cette vue du port de spécifier votre premier niveau de zoom et de maintenir un niveau minimum et le maximum de niveau de zoom

    <meta id="viewport" name="viewport" content ="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    La désactivation de l'utilisateur mise à l'échelle mal impacts de la convivialité.
    J'ai pu l'impact de la facilité d'utilisation cependant, vous pouvez augmenter la taille des éléments de l'INTERFACE utilisateur à l'aide de requêtes de média.

    OriginalL'auteur Sam Kaz