小编Ger*_*ald的帖子

防止拖动绝对定位元素(iOS Safari)

假设一个简单的结构是这样的:

<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>
Run Code Online (Sandbox Code Playgroud)

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

我知道position: fixed;没有这个问题,但在我的用例中,我绝对必须使用position: absolute;.

有什么办法可以防止绝对定位元素在 Safari 中出现这样的行为?

html css css-position mobile-safari ios

5
推荐指数
1
解决办法
1313
查看次数

标签 统计

css ×1

css-position ×1

html ×1

ios ×1

mobile-safari ×1