Désactiver overscroll dans iOS Safari

Comment puis-je empêcher overscroll dans Safari iOS?
Je voudrais utiliser le mouvement tactile pour naviguer sur un site, mais je ne peux pas.

J'ai essayé ceci:

$(window).on('touchstart', function(event) {

    event.preventDefault();

});

Mais de cette façon, j'ai désactivé tous les geste, enfait je ne peux pas zoomer avec une pincée et des pincements.

Toutes les solutions?
Merci.

InformationsquelleAutor keepyourweb | 2012-09-28
  1. 12

    Cette façon permettra de défilement des éléments tout en encore la prévention de la overscroll dans le navigateur lui-même.

    //uses document because document will be topmost level in bubbling
$(document).on('touchmove',function(e){
  e.preventDefault();
});
//uses body because jquery on events are called off of the element they are
//added to, so bubbling would not work if we used document instead.
$('body').on('touchstart','.scrollable',function(e) {
  if (e.currentTarget.scrollTop === 0) {
    e.currentTarget.scrollTop = 1;
  } else if (e.currentTarget.scrollHeight === e.currentTarget.scrollTop + e.currentTarget.offsetHeight) {
    e.currentTarget.scrollTop -= 1;
  }
});
//prevents preventDefault from being called on document if it sees a scrollable div
$('body').on('touchmove','.scrollable',function(e) {
  e.stopPropagation();
});
    • Très bonne solution et simple.
    • excellente solution! a travaillé pour moi. n'oubliez pas de mettre le "défilement" en classe sur tous les divs vous voulez défiler.
    InformationsquelleAutor Tyler Dodge
  2. 7

    Ce Devrait être la façon la plus simple pour ce faire:

    $(function() {
    document.addEventListener("touchmove", function(e){ e.preventDefault(); }, false);
});

    Espère que cette aide.

    Meilleur.

    • Cela fonctionne parfaitement, conserve à défiler sur les divs et un minimum de code!
    • Vous devriez upvote!
    • Je l'ai fait...ne peut le faire qu'une fois!!
    • cela bloque mon défilant divs aussi. Avez-vous quelque chose de supplémentaire pour les garder défilement?
    • Van Broekhoven...j'ai utilisé cette coutume molette manos.malihu.gr/jquery-custom-contenu-scroller mais même sans elle, je reçois toujours de défilement divs...
    • Van Broekhoven...jeter un oeil à 130.95.21.121/museum/search.php et choisissez le Système de case à cocher, puis sélectionnez le système Digestif et le Tout dans la charge de menu. Résultats de la recherche permettra de combler la LH div et c'est scrollable. La page ne peut pas être déplacé en raison de Todd code ci-dessus.
    • donc, @YvesVanBroekhoven, essayez de supprimer le $(function(){...}); de autour de ma non-overscroll code. c'est le seul problème que je vois à droite la main; vous avez deux document-sur-prêt gestionnaires comme résultat. Je suis en retard, mais regardez de plus près plus tard aujourd'hui, et d'essayer de vous aider.
    • Thx @Needhelp, désolé pour la réponse tardive. N'ai pas compris jusqu'à présent. Vous tenir au courant.

    InformationsquelleAutor Todd