jQuery Girl
  1. jQuery Girl
  3. Comment désactiver le défilement par inertie sur le corps pour les navigateurs iOS?
Intereting Posts
jQuery Déplacer l’élément d’une zone de sélection à une autre tout en conservant l’ordre d’affichage Un bon sélecteur de date / heure léger pour le Web avec une bonne interface utilisateur? Type de formulaire ayant échoué: vous avez fourni un prop `valeur` à un champ de formulaire sans gestionnaire` onChange` Comment puis-je sortinger par heure (format: 5:40 PM) en javascript pour une utilisation avec DataTables? Comment parcourir des cellules de tableau avec jQuery et envoyer les données à la firebase database OAuth, PHP, Rest API et curl donnent 400 requêtes incorrectes Comment appeler la propriété de dégradé CSS CSS -> Filtre de Jquery Élément WebDriver trouvé, mais le clic ne renvoie rien jQuery si déclaration en fonction de la largeur en px Jquery UI Slider, sortie de valeurs multiples Knockout avec sélecteur de date Jquery UI, MM / YY uniquement jquery datatables FixedColumns non défini JQuery bloqué au contrôle en amont de la CORS et à la réponse fantôme d’IIS PhoneGap Build: SocialSharing Plugin Non Chargement comment éviter les règles de domaine croisées dans jquery ajax pour utiliser le service wcf?

Comment désactiver le défilement par inertie sur le corps pour les navigateurs iOS?

Je dois désactiver le défilement par inertie sur l’élément body pour iPad, tout en conservant la possibilité de faire défiler la page sans inertie.

Je cherche depuis un certain temps mais je n’ai trouvé aucune bonne solution. Peut-être que je ne cherche pas la bonne chose? Y at-il un hack ou une solution de contournement qui pourrait rendre cela possible?

Vous pouvez utiliser la propriété div with overflow, cela tue le défilement lisse iOS 

 
 long long text...

Css 

 html, body { height: 100%; margin: 0; overflow: hidden; } .scroll { overflow: auto; height: 100%; }

http://jsbin.com/palixi/edit

Ajoutez ceci au CSS de l’élément body : 

 -webkit-overflow-scrolling: auto;

La valeur par défaut pour -webkit-overflow-scrolling est touch . Cela demande aux appareils iOS d’utiliser le défilement “inertiel”. Les documents: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling

@meuwka answer vous permet d’atteindre votre objective, mais d’une manière détournée – cela fonctionne car les éléments div ont -webkit-overflow-scrolling: auto; comme par défaut.

J’ai utilisé inobounce qui peut être trouvé ici

Vous remarquerez que vous devez spécifier une propriété height et un overflow: auto pour l’élément que vous souhaitez faire défiler, y compris -webkit-overflow-scrolling: touch; . Les docs font un bon travail pour expliquer.