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
Vous devez vous connecter pour publier un commentaire.
Avez-vous essayé de mettre les éléments en mémoire?
Si pas, essayez de mettre des .les éléments en mémoire à l'aide de la css
-webkit-transform: translate3d(0,0,0);
Vous pouvez aller plus ou moins dans l'imbrication en fonction de la performance, c'est à dire l'application de la traduire .page ou .de l'élément. Cela permettra d'accroître la quantité de mémoire utilisée qui peut être crashy mais cela permet au navigateur de redessiner tout.
De toute façon, l'espoir qui aide!
Ce genre de fait ma journée, merci!
A travaillé comme un charme pour moi aussi, merci.
OriginalL'auteur tuddy
Ce qui a probablement à voir avec un bug dans webkit.
Si vous avez des "position: relative ou absolue de votre code devrait fonctionner parfaitement.
OriginalL'auteur Emil Bonsaksen