En utilisant "- webkit-débordement-défilement: appuyez sur " se cache le contenu pendant le défilement/glisser

comme le dit le titre, je vais avoir le problème avec le contenu d'obtenir cachés pendant le défilement/faire glisser le contenu lors de l'utilisation de la propriété CSS -webkit-overflow-scrolling: touch.

Pour une compréhension de base, ici, est mon de balisage

<div class="page">
   <div class="section_title">Title</div>
   <div class="items">
      <div class="item">...Text and Image...</div>
      <div class="item">...Text and Image...</div>
      <div class="item">...Text and Image...</div>
   </div>
   <div class="section_title">Title</div>
   <div class="items">
      <div class="item">...Text and Image...</div>
      <div class="item">...Text and Image...</div>
      <div class="item">...Text and Image...</div>
   </div>
</div> 

Et le CSS:

.page {
    width: 320px;
    height: 366px;
    overflow: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

Le code lui-même fonctionne bien, je peux faire défiler le contenu, mais tout ce qui est à l'intérieur de l'un des éléments div est caché alors que je suis de défilement/glisser. Quelqu'un est venu à travers ce problème et résolu ou est-ce juste un comportement standard de la téléphonie Mobile de Safari pour économiser de la mémoire et il n'y a rien que nous puissions faire à ce sujet?

Toute aide est très appréciée 🙂

OriginalL'auteur Björn Kaiser | 2012-03-21