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

Question

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

一段时间以来，我一直在为iPad的固定定位而挣扎。我知道呀艾克罗而且它似乎并不总是有效的(即使在他们的演示中)。我也知道森查有办法解决这个问题，但我不能克特 + F修复程序的源代码。

我希望有人能找到解决办法。问题是，当用户在iOS支持的移动Safari上向下/向上平移时，固定定位元素不会被更新。

Answer 1

固定定位在iOS上不像在计算机上那样有效。假设你在放大镜(视口)下有一张纸(网页)，如果你移动放大镜和眼睛，你会看到页面的另一部分。这就是IOS的工作方式。现在有一张清晰的塑料，上面有一个字，不管什么东西，这张塑料都是静止的(位置：固定元件)。所以当你移动放大镜时，固定的元素出现移动。或者，你不用移动放大镜，而是移动纸张(网页)，将塑料片和放大镜保持不变。在这种情况下，塑料片上的单词看起来是固定的，其余的内容看起来会移动(因为实际上是这样)-这是一种传统的桌面浏览器。因此，在IOS中，视窗移动，在传统浏览器中，网页移动。在这两种情况下，固定元素都保持不变；尽管在IOS中，固定元素似乎会移动。解决这一问题的方法，是跟随最后几段这篇文章(基本上完全禁用滚动，将内容放在单独的可滚动div中(参见链接文章顶部的蓝色框)，并且固定元素绝对定位)“职位：固定”现在正如你在iOS 5中所期望的那样工作。

Answer 2

位置：FIX在Android/iPhone上做垂直滚动的工作。但是，您需要确保您的元标记是完全设置的。例如<meta&nbsp;name="viewport"&nbsp;content="width=device-width,&nbsp;height=device-height,&nbsp;initial-scale=1.0,&nbsp;user-scalable=0,&nbsp;minimum-scale=1.0,&nbsp; maximum-scale=1.0">另外，如果您计划在AndroidPre4.0上使用相同的页面，您也需要设置最高位置，否则，由于某种原因，会增加一小部分空白。