Il y a un défilement bug dans IOS Safari

J'ai les la troisième génération d'iPad avec un écran retina avec la dernière version d'IOS 8.2. Si vous ouvrez Safari et allez à la page ci-dessous que j'ai créé comme un test.

http://bagaren-se.dev.sitedirect.se/test.html

Si vous tenez votre iPad en mode paysage et cliquez sur le bouton "Cliquez pour afficher/masquer" puis fixe div est représentée avec des faux texte. Vous pouvez maintenant faire défiler le contenu de la div. Si vous cliquez sur "Cliquez-moi!!" dans un div caché est montré avec un peu plus de faux texte et vous pouvez toujours faire défiler le contenu de la div, mais...

Si vous fermez maintenant le deuxième div en cliquant sur "Cliquez-moi!!" de nouveau et vous fermez la première div en cliquant sur le premier bouton à nouveau. Ensuite, vous transformez votre iPad pour voir la page en mode portrait et faire la même chose, le contenu de la div n'a pas de défilement lorsque vous essayez de la faire défiler, juste le fond! Pourquoi est-ce et est-il un moyen de contourner cela?

Si vous laissez "Cliquez-moi!!" div contenu ouvert lorsque vous fermez le premier div, puis l'ouverture de la première div encore, alors que tout fonctionne.

La première div ayant un max-height:760px; overflow:auto; ensemble.

Voyez-vous le problème? La façon dont je le vois, le contenu de la première div doit toujours revenir si c'est la hauteur est plus grande que 760px, mais il ne fonctionne pas sur Safari IOS 8.2. Est-il un hack pour contourner ce problème? La div doit être en position:fixed;.

Remarque! Le problème n'est pas de montrer si vous n'utilisez pas -webkit-débordement-défilement: touch; sur le premier div, mais je veux le faire défiler jusqu'à être rapide et lisse, de sorte que puis-je faire?

OriginalL'auteur Andreas Heintze | 2015-03-16

  1. 13

    Nous avons rencontré quelque chose de semblable. Faites défiler juste arrêté en certains points de vue après la mise à niveau d'ios 8.2.
    C'est dans un div qui le remplit avec du contenu dynamique.
    Cela m'a permis d'ions de la piste:
    http://patrickmuff.ch/blog/2014/10/01/how-we-fixed-the-webkit-overflow-scrolling-touch-bug-on-ios/

    Nous avons appliqué le correctif comme un hack pour ios uniquement avec du JavaScript (puisque nous utilisons angulaire c'est vraiment une directive).

    OriginalL'auteur user574820