iOS 9 `-webkit-débordement-défilement:appuyez sur` et `overflow: scroll " pauses fonction de défilement

Je suis le développement d'une webapp et j'ai une div à l'intérieur d'un iFrame qui est caché, a débordé le contenu que je veux être déplacé.

Sur Safar sur iOS 9 quand j'ajoute -webkit-overflow-scrolling:touch; à la div (qui a déjà overflow-y: scroll; pour donner le défilement fluide sentir, il se casse et ne pas faire défiler à tous.

Je sais que c'est un problème connu mais je n'ai pas trouvé de solutions pertinentes, à mon scénario: j'ai des images qui ne sont plus de transmettre des données, en fait, ils contiennent du contenu pour l'utilisateur. L'Orientation n'a pas d'importance, le contenu sera toujours besoin d'être déplacé.

Avez-vous fatigué précisant overflow-y dans le body balise comme ceci body {overflow-y: scroll;} qui pourrait fonctionner comme il sera appliqué à travers le site, au lieu de juste sur un seul div
non, cela ne résout pas le problème
Avez-vous été en mesure de résoudre ce encore? Poste de violon pour que je puisse voir le problème.
il est difficile pour moi de montrer un violon que c'est un grand nid des iframes

OriginalL'auteur Zach | 2015-10-01

  1. 14

    Je viens de tomber sur ce problème avec du contenu dynamique à l'intérieur d'un div qui avait overflow: auto et -webkit-overflow-scrolling: touch.

    Sale, laid solution: forcer le contenu à l'intérieur d'être plus grand que le div défilement lorsqu'il est ajouté à dom. Quelque chose comme ceci:

    <div style="overflow: auto; -webkit-overflow-scrolling: touch;">
    <div style="min-height: 101%">
        dynamic content
    </div>
</div>

    Ma théorie est que Safari tente (besoins) pour faire un peu lourd optimisations lors de la -webkit-overflow-scrolling: touch est ajouté, et on ne peut pas jouer gentil avec certains types de contenu dynamique.

    Cela n'a pas fonctionné pour moi 🙁
    Wow, si sale, si sale.. il a travaillé. Merci Christophe, j'ai passé 2 heures à changer les hauteurs & déborde jusqu'à ce que j'ai vu votre hack
    Fonctionne comme un charme!
    C'est la solution parfaite pour la situation. Travaillé ici aussi!
    Wow! A fonctionné pour moi!

    OriginalL'auteur Christopher Camps

  2. 1

    J'ai aussi rencontré ce problème avec webkit-overflow-scrolling: touch sur iOS9. Il peut être reproduite sur un périphérique ou le simulateur iOS. Comme Christophe Camps mentionne, il se produit uniquement avec du contenu dynamique, c'est à dire le contenu qui change de plus petite que le défilement conteneur de la taille du conteneur.

    Heres un CodePen la démonstration de cette question, y compris Christopher Camps de corriger.

    OriginalL'auteur Thomas Kelly

  3. 0

    Il semble d'un autre hack pour ce Safari bug est d'utiliser javascript pour définir un style="overflow: none" et de le réinitialiser à sa valeur précédente immédiatement après.

    OriginalL'auteur stracktracer