Question

我有一个包含在可滚动的div中的表。当我点击链接时，div会在加载新页面时闪烁。其余页面不闪烁。如果我删除-webkit-overflow-scrolling：touch;在CSS之外，闪烁的问题消失了。我喜欢触摸滚动的感觉，并希望保留它。

这是我用于div的CSS

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

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

我也尝试过链接到不同的页面并获得相同的结果。该实验只是链接了相同的页面。

Answer 1

尝试添加-webkit-backface-visibility：hidden to .navWrapper。

Mobile Safari Scrolling Div在新页面上闪烁

1 个答案: