Question

假设一个简单的结构：

<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    </head>
    <body>    
        <div style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;">Text</div>
    </body>
</html>

在大多数移动浏览器中，这会显示绝对定位的文本，而无需移动元素。但是在Safari / iOS 9中，您可以垂直拖动元素，类似于溢出滚动。

我知道position: fixed;没有此问题，但在我的用例中，我必须使用position: absolute;。

有没有办法阻止绝对定位元素在Safari中表现如下？

Answer 1

尝试将绝对定位元素放入一个位置为relative的容器中;也许它会起作用

防止绝对定位元素拖动（iOS Safari）

1 个答案: