Comment empêcher le défilement de décalage sur Safari Mobile (iPad)?

J'ai un simple html5 page avec les 3 divs à l'intérieur. Si j'ai seulement le 3ème div pour faire défiler-je obtenir certains vraiment mauvais gal et le toucher responsivness est bizarre. Des idées?

<html>
<body style="overflow:hidden">
 <div>
    BLA1
 </div>
 <div>
   BLA2
 </div>
 <div style="overflow: auto;">
    BLA3 overflow is here
 </div>
</body>
</html>

OriginalL'auteur TecHunter | 2012-03-06

  1. 44

    Ok, merci pour la iScroll4 plugin, j'ai un nouveau truc pour iPad Développeurs Web.
    Apparemment, il fonctionne mieux avec ce CSS :

    overflow-y: scroll;
overflow-x: hidden; 
-webkit-overflow-scrolling: touch;

    Alors que ce décalage comme l'enfer :

    overflow: auto;
    Est-il possible de garder ces éléments en position absolue ou relative de disparaître pendant une seconde ou deux lorsque le défilement avec cette approche?
    c'est un problème connu avec fixe elt de défilement. Vous pourriez remplacer le CSS des éléments à droite après le défilement. jamais essayé. si vous les trouvez s'il vous plaît commentaire ici
    Cela a très bien fonctionné! Juste une petite remarque, que je n'avais qu'à utiliser l'-webkit-débordement-le défilement de la propriété, tout en laissant overflow: auto.
    oui, le webkit partie est importante, même si c'est toujours bon de spécifier l'axe qui permet de déborder...
    Je souhaite que je pourrais upvote ce plus. Vous venez de faire ma journée à cinq fois plus. La différence lors de l'ajout d' overflow-x: hidden contre auto est tout simplement incroyable. J'ai pensé que je n'avais jamais obtenir la chose de travailler à droite. Merci beaucoup!

    OriginalL'auteur TecHunter

  2. 3

    Utilisation iscroll 4 http://cubiq.org/dropbox/iscroll4/examples/simple/ cela vous donnera la meilleure solution

    OriginalL'auteur karthik