Arrêter overscroll lors de l'utilisation de “-webkit-débordement-défilement: touch”?

J'ai trouvé l':

-webkit-overflow-scrolling: touch;

css de l'élément de nous donner natif de défilement sur ios. Cela semble fonctionner ok pour moi.

Mais est-il un moyen de désactiver le "overscroll" effet?

Par exemple, lorsque la position de défilement = zéro, et vous continuez à vous glisser vers le bas, le haut de mon contenu se déplacera vers le bas, révélant un peu d'espace blanc au-dessus d'elle. Lorsque vous relâchez votre doigt, le contenu s'enclenche à nouveau vers le haut. Est-il un moyen de désactiver seulement une partie de celui-ci?

Aussi j'ai lu ici:

http://cantina.co/2012/03/06/ios-5-native-scrolling-grins-and-gothcas/

qu'apple avait introduit cette avec un bug de rendu, et un hack correctif:

-webkit-transform: translate3d(0,0,0);

est censé résoudre. A été fixé avec ios6?

N'étais pas au courant de la -webkit-overflow-scrolling de la propriété. Tout à fait intéressant.

OriginalL'auteur user1219278 | 2013-01-13

  1. -3

    Avez-vous essayé les techniques dans ce blog sur la mise hors tension élastique de défilement? Plus précisément, pour iOS, il suggère que le code JavaScript suivant:

    document.addEventListener(
  'touchmove',
  function(e) {
    e.preventDefault();
  },
  false
);
    Globalement, la désactivation du 'touchmove', il est impossible de faire défiler la page.
    Vous pouvez cependant ajouter ceci à des éléments spécifiques, comme un position:fixed bouton.

    OriginalL'auteur newtron

  2. 2

    Cela semble aider:

    https://github.com/joelambert/ScrollFix

    ... ScrollFix œuvres autour de ce manuellement la compensation de la valeur scrollTop
    à une loin de la limite à l'extrême, ce qui provoque le navigateur
    pour utiliser élastique plutôt que de passer à l'événement jusqu'à l'arbre du DOM.

    Oui! Je vous remercie pour cette. J'ai été démolis mon cerveau sur ce bizarre problème résolu de manière très efficace!

    OriginalL'auteur philfreo