J'ai essayé tellement de choses différentes et je continue de chercher mais je ne trouve rien!
Aider quelqu'un?
Voir si cela aide, le gars dit que le div doit avoir une taille fixe: http://uxebu.com/blog/2010/04/27/touchscroll-a-scrolling-layer-for-webkit-mobile/
Si ce n'est pas ce que vous recherchez, vous pouvez également consulter jqtouch et des choses comme cette extension jqt.scroll: (désolé, je ne peux que publier 1 lien apparemment, recherchez jqt.scroll.js sur ce site: code.google. com/p/jqextensions /)
Solution CSS
-webkit-overflow-scrolling: touch;
utilisez DEUX doigts sur le div !!! C'est ça
iScroll: http://cubiq.org/iscroll-4
Ressemble/Fonctionne comme les contrôles natifs qui ont un défilement à un doigt.
J'ai eu beaucoup de chance avec cela sur tous les navigateurs et plates-formes - y compris iPad: http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html
Mais, vraiment, c'est juste une fantaisie de base overflow: auto
effet sur un élément
J'ai eu un problème très inhabituel pour l'iPhone 6 avec conteneur de défilement, dont le parent a une hauteur maximale: 100%; Ce style désactivait en quelque sorte le défilement. Lorsque je change le style du conteneur parent en hauteur: 100%, cela fonctionne, mais le but était de conserver la hauteur maximale. Le correctif consistait donc à ajouter
-webkit-transform: translate3d(0, 0, 0)
J'espère que cela vous sera utile, j'ai perdu tout l'après-midi à me battre avec.