职位：固定在iPad和iPhone上不起作用

Question

职位：固定在iPad和iPhone上不起作用一段时间以来，我一直在为iPad的固定定位而挣扎。我知道呀艾克罗而且它似乎并不总是有效的(即使在他们的演示中)。我也知道森查有办法解决这个问题，但我不能克特 + F修复程序的源代码。我希望有人能找到解决办法。问题是，当用户在iOS支持的移动Safari上向下/向上平移时，固定定位元素不会被更新。

Answer 1

固定定位在iOS上不像在计算机上那样有效。

假设你在放大镜(视口)下有一张纸(网页)，如果你移动放大镜和眼睛，你会看到页面的另一部分。这就是IOS的工作方式。

现在有一张清晰的塑料，上面有一个字，不管什么东西，这张塑料都是静止的(位置：固定元件)。所以当你移动放大镜时，固定的元素出现移动。

或者，你不用移动放大镜，而是移动纸张(网页)，将塑料片和放大镜保持不变。在这种情况下，塑料片上的单词看起来是固定的，其余的内容看起来会移动(因为实际上是这样)-这是一种传统的桌面浏览器。

因此，在IOS中，视窗移动，在传统浏览器中，网页移动。在这两种情况下，固定元素都保持不变；尽管在IOS中，固定元素似乎会移动。

---

解决这一问题的方法，是跟随最后几段这篇文章

(基本上完全禁用滚动，将内容放在单独的可滚动div中(参见链接文章顶部的蓝色框)，并且固定元素绝对定位)

---

“职位：固定”现在正如你在iOS 5中所期望的那样工作。

Answer 2

位置：FIX在Android/iPhone上做垂直滚动的工作。但是，您需要确保您的元标记是完全设置的。例如

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, 
maximum-scale=1.0">

另外，如果您计划在AndroidPre4.0上使用相同的页面，您也需要设置最高位置，否则，由于某种原因，会增加一小部分空白。