修复了键盘进入屏幕时移动浏览器中的元素问题

Question

修复了键盘进入屏幕时移动浏览器中的元素问题

我不知道该怎么形容这就是我录制视频的原因。屏幕上有固定的黄色文本。当键盘不在屏幕上时，固定文本行为是正常的。当我将注意力集中在屏幕上并且键盘变得可见时，固定项目开始随页面滚动。是bug还是什么？有什么解决办法吗？

视频：https://www.youtube.com/watch?v=Nq60jH4XiJs

 <html>
    <head>
      <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=1" />
    </head>
      <textarea style="min-height: 50px;"></textarea>
      <div style="height: 1000px; background-color: green">
                    div - height 1000px
      </div>
      <div style="position: fixed; top: 10px; right: 10px; background-color: yellow;">
                    Some Fixed Text
      </div>
    </html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Edw*_*rdM 4

不幸的是，当在页面上使用固定元素时，这是 iOS 中 Safari 的预期行为。

看看这篇文章，提供了一个可能的解决方案： https://medium.com/@im_rahul/safari-and-position-fixed-978122be5f29

归档时间：	7 年，7 月前
查看次数：	7390 次
最近记录：	7 年，7 月前