'-webkit-overflow-scrolling:' içeriğine dokunarak içeriğin gizlendiğini belirtirken

Question

'un başlığı altında içerik gizlendiğinde, içeriğin CSS özelliği -webkit-overflow-scrolling: touch kullanılırken içeri kaydırılırken/sürüklenirken içeriğin gizlenmesiyle ilgili sorun yaşıyorum. Bir içindedir

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

kendisi iyi çalışır kod, ben içerik gezinebilirsiniz ama her şey: Temel bir şekilde anlaşılması için

, burada biçimlendirme

<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> 

Ve CSS kaydırırken/sürüklerken öğeleri div get gizli. Herkes bu konuyla karşılaştı ve çözdü ya da Mobile Safari’nin hafızayı korumak için standart davranışı mıydı? Bu konuda yapabileceğimiz bir şey yok mu?

Herhangi bir yardım

Answer 1

belleğe unsurları koyarak denediniz :-) takdir?

Değilse

, css Sen .page veya .item çevirmek uygulayarak yani performansa bağlı yuvalama içinde yüksek veya daha düşük gitmek isteyebilir -webkit-transform: translate3d(0,0,0);

kullanarak bellekteki .items koymayı deneyin. Bu, çökmekte olan bellek miktarını artıracak ancak tarayıcının her şeyi yeniden düzenlemesine yardımcı olacaktır.

Her neyse, umarım yardımcı olur!

Answer 2

Bu büyük olasılıkla webkit'te bir hata ile ilgilidir. "Konum: akrabanız" veya mutlak bir kodunuz varsa, kodunuz düzgün çalışmalıdır.