CSSプロパティ「<code>-webkit-overflow-scrolling: touch</code>」を使用しているときにコンテンツをスクロール/ドラッグしているときにコンテンツが隠れてしまうという問題が発生していると、「-webkit-overflow-scrolling：touch」を使用するとスクロール/ドラッグ中にコンテンツが非表示になる

Question

基本的な理解のために

、ここに私のマークアップは

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

とCSSです：

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

コード自体が良い作品、私は、コンテンツが、Aの内側にあるすべてのものをスクロールすることができます私がスクロール/ドラッグしている間、divのアイテムは表示されません。誰でもこの問題に遭遇して解決しましたか、それともメモリを節約するためのMobile Safariの標準的な動作ですか、それについて何もできません。

すべてのヘルプは

Answer 1

あなたがメモリに要素を入れてみました:-)評価されて？

ない場合は、.PAGEまたは.itemに変換適用するつまり、あなたが性能に応じてネスティングに、より高い又はより低い行きたいかもしれCSSに-webkit-transform: translate3d(0,0,0);

を使用してメモリに.itemsを入れてみてください。これにより、使用されるメモリが増加し、クラッシュする可能性がありますが、ブラウザがすべてを再描画するのに役立ちます。

とにかく、助けてください！

Answer 2

これはおそらくWebkitのバグと関係があります。 "position：relative"または絶対値がある場合、コードはうまくいくはずです。