Question

我在IOS8 Safari上遇到position: fixed;问题。我已经确定它与我在页面底部定位的页脚div有关。我也试过了position: absolute;，但这也不起作用。

有没有人知道如何在不使用CSS位置的情况下定位它？

以下是我正在使用的代码：

.foot-nav{
  position: fixed;
  bottom: 0;
  width: 100%;
}

Answer 1

您应该尝试position:sticky;。它是为了在Safari上处理position而做的。 fixed多年来一直是移动设备的问题。我认为这是固定的，但iOs8也有奇怪的行为......

Answer 2

iOS存在固定定位问题。滑动滚动时，在释放点击/拖动之前，它不会更新固定位置。

虽然position: fixed;在技术上有效，但移动Safari不会在滚动发生时重绘固定元素，以便正确计算过度滚动动画（拖动和释放会导致页面根据速度继续滚动滑动），因此它不会更新，直到动画停止。

理论上，您可以在拖动发生时使用JavaScript手动更新元素的位置，但这将覆盖移动Safari的默认自然行为。