移動Safari瀏覽器在新頁面上閃爍

我有一個包含在可滾動div的表中。當我點擊鏈接時，div會隨着新頁面的加載而閃爍。其餘頁面不閃爍。如果我刪除了-webkit-overflow-scrolling：touch;在CSS之外，閃爍問題消失。我喜歡觸摸滾動的感覺，並希望保持它。移動Safari瀏覽器在新頁面上閃爍

這是我使用的DIV

.navWrapper { 
position: absolute; 
left: 0; 
top: 194px; 
height: 430px; 
-webkit-overflow-scrolling: touch; 
width:1024px; 
overflow-y: scroll; 
}

的CSS下面是DIV

<div class="navWrapper"> 
    <table> 
     <tr> 
      <td><a href="page.html"><img src="../images/thumb01a.png" width="72" height="72" alt=""></a></td> 
     </tr> 
     <tr> 
      <td><a href="page.html"><img src="../images/thumb01a.png" width="72" height="72" alt=""></a></td> 
     </tr> 
     <tr> 
      <td><a href="page.html"><img src="../images/thumb01a.png" width="72" height="72" alt=""></a></td> 
     </tr> 
     <tr> 
      <td><a href="page.html"><img src="../images/thumb01a.png" width="72" height="72" alt=""></a></td> 
     </tr> 
     <tr> 
      <td><a href="page.html"><img src="../images/thumb01a.png" width="72" height="72" alt=""></a></td> 
     </tr> 
     <tr> 
      <td><a href="page.html"><img src="../images/thumb01a.png" width="72" height="72" alt=""></a></td> 
     </tr> 
     <tr> 
      <td><a href="page.html"><img src="../images/thumb01a.png" width="72" height="72" alt=""></a></td> 
     </tr> 
     <tr> 
      <td><a href="page.html"><img src="../images/thumb01a.png" width="72" height="72" alt=""></a></td> 
     </tr> 
     <tr> 
      <td><a href="page.html"><img src="../images/thumb01a.png" width="72" height="72" alt=""></a></td> 
     </tr> 
     <tr> 
      <td><a href="page.html"><img src="../images/thumb01a.png" width="72" height="72" alt=""></a></td> 
     </tr> 
     <tr> 
      <td><a href="page.html"><img src="../images/thumb01a.png" width="72" height="72" alt=""></a></td> 
     </tr> 
     <tr> 
      <td><a href="page.html"><img src="../images/thumb01a.png" width="72" height="72" alt=""></a></td> 
     </tr> 
     <tr> 
      <td><a href="page.html"><img src="../images/thumb01a.png" width="72" height="72" alt=""></a></td> 
     </tr> 

    </table> 

</div>

我曾嘗試也鏈接到不同的頁面，並得到相同的結果的實驗。實驗只是鏈接了相同的頁面。

來源

2013-08-28 SnowJack

嘗試添加-webkit-backface-visibility：隱藏到.navWrapper。

來源

2014-01-07 04:11:50

移動Safari瀏覽器在新頁面上閃爍

回答

相關問題