Désactiver le défilement dans un iPhone application web?

'auto.webView.le scrollView.rebondit = N;'

Juste ajouter une ligne dans le "viewDidLoad" de la mainViewController.m fichier de votre application. vous pouvez l'ouvrir dans Xcode et l'ajouter .

Cela devrait rendre la page, sans ruban rebondit en permettant le défilement dans la vue d'application.

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

Ne pas utiliser le ontouchmove propriété pour inscrire le gestionnaire d'événement que vous exécutez au risque de remplacement d'un gestionnaire d'événement(s). Utilisation la méthode addEventListener à la place (voir la note sur IE sur le MDN page).

Méfiez-vous que la prévention par défaut pour le touchstart de l'événement sur la window ou document va désactiver le défilement de la descente de domaines.

Pour empêcher le défilement du document, mais laisser tous les autres événements intacte prévenir par défaut pour la première touchmove cas suivants touchstart:

var firstMove;

window.addEventListener('touchstart', function (e) {
    firstMove = true;
});

window.addEventListener('touchmove', function (e) {
    if (firstMove) {
        e.preventDefault();

        firstMove = false;
    }
});

La raison pour laquelle cela fonctionne est que le navigateur Safari mobile est en utilisant le premier à déterminer si le corps du document est en cours de défilement. J'ai réalisé cela en même temps de concevoir une solution plus complexes.

Dans le cas où cela serait jamais cesser de travailler, la solution plus élaborée consiste à inspecter le touchTarget élément et de ses parents et de faire une carte de directions que vous pouvez faire défiler à l'. Utilisez ensuite la première touchmove événement à détecter le sens de défilement et de voir si c'est pour faire défiler le document ou l'élément cible (ou de l'élément cible, parents):

var touchTarget,
touchScreenX,
touchScreenY,
conditionParentUntilTrue,
disableScroll,
scrollMap;
conditionParentUntilTrue = function (element, condition) {
var outcome;
if (element === document.body) {
return false;
}
outcome = condition(element);
if (outcome) {
return true;
} else {
return conditionParentUntilTrue(element.parentNode, condition);
}
};
window.addEventListener('touchstart', function (e) {
touchTarget = e.targetTouches[0].target;
//a boolean map indicating if the element (or either of element parents, excluding the document.body) can be scrolled to the X direction.
scrollMap = {}
scrollMap.left = conditionParentUntilTrue(touchTarget, function (element) {
return element.scrollLeft > 0;
});
scrollMap.top = conditionParentUntilTrue(touchTarget, function (element) {
return element.scrollTop > 0;
});
scrollMap.right = conditionParentUntilTrue(touchTarget, function (element) {
return element.scrollWidth > element.clientWidth &&
element.scrollWidth - element.clientWidth > element.scrollLeft;
});
scrollMap.bottom =conditionParentUntilTrue(touchTarget, function (element) {
return element.scrollHeight > element.clientHeight &&
element.scrollHeight - element.clientHeight > element.scrollTop;
});
touchScreenX = e.targetTouches[0].screenX;
touchScreenY = e.targetTouches[0].screenY;
disableScroll = false;
});
window.addEventListener('touchmove', function (e) {
var moveScreenX,
moveScreenY;
if (disableScroll) {
e.preventDefault();
return;
}
moveScreenX = e.targetTouches[0].screenX;
moveScreenY = e.targetTouches[0].screenY;
if (
moveScreenX > touchScreenX && scrollMap.left ||
moveScreenY < touchScreenY && scrollMap.bottom ||
moveScreenX < touchScreenX && scrollMap.right ||
moveScreenY > touchScreenY && scrollMap.top
) {
//You are scrolling either the element or its parent.
//This will not affect document.body scroll.
} else {
//This will affect document.body scroll.
e.preventDefault();
disableScroll = true;
}
});

La raison pour laquelle cela fonctionne est que le navigateur Safari mobile est à l'aide de la touche de première déplacer afin de déterminer si le corps du document est en cours de défilement ou les élément (ou de l'élément cible, parents) et le bâton de la présente décision.

Cela devrait fonctionner. Pas plus de zones grises en haut ou en bas:)

<script type="text/javascript">
function blockMove() {
event.preventDefault() ;
}
</script>
<body ontouchmove="blockMove()">

Mais cela désactive également les zones de défilement. Si vous voulez garder vos zones de défilement et toujours retirer la bande de caoutchouc en effet en haut et en bas, voir ici: https://github.com/joelambert/ScrollFix.

La page doit être lancé à partir de l'écran d'Accueil pour la balise meta de travail.

J'ai essayé réponses ci-dessus, et en particulier Gajus mais aucun ne fonctionne. J'ai enfin trouvé la réponse ci-dessous pour résoudre le problème tel que seul le corps n'a pas de défilement, mais défilement autres sections à l'intérieur de mon application web tous les beaux travaux.
Simplement définir la position fixe pour votre corps:

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