css fixed 定位 在ios手机上会跟随滚动，怎么解决

在 iOS 上，当使用 `position: fixed` 样式时，会出现元素跟随滚动的问题。这是因为 iOS 默认为页面添加了一个滚动条，而 `position: fixed` 元素是相对于整个页面定位的，所以会跟随页面滚动。

为了解决这个问题，可以添加以下样式：

body {
  position: relative;
  overflow-x: hidden;
}

这会将 `body` 元素的定位方式设置为相对定位，并禁止页面在水平方向上滚动。这样，在 iOS 上使用 `position: fixed` 样式时，元素就不会跟随页面滚动了。

如果你只想禁止某个元素在 iOS 上跟随滚动，可以将其父元素设置为相对定位，并将其自身设置为绝对定位，例如：

.parent {
  position: relative;
}

.child {
  position: absolute;
  top: 0;
  left: 0;
}

这样，在 iOS 上滚动页面时，`.child` 元素就不会跟随滚动了。

相关问题

position: fixed 在ios手机上会跟随滚动，怎么解决

在 iOS 上，`position: fixed` 在默认情况下会在滚动时跟随页面滚动。解决这个问题的一种方法是使用 `-webkit-overflow-scrolling: touch` 属性，该属性会在滚动时启用 iOS 的原生滚动效果，这样可以使 `position: fixed` 元素固定在页面上而不会跟随滚动。

例如，可以通过以下 CSS 来解决这个问题：

body {
  -webkit-overflow-scrolling: touch;
}

.fixed-element {
  position: fixed;
}

这将使 `body` 元素使用 iOS 的原生滚动效果，并使任何具有 `position: fixed` 属性的元素在页面上固定，而不会跟随滚动。

h5 position: fixed 在ios手机上会跟随滚动，怎么解决

在 iOS 上，`position: fixed` 在默认情况下会在滚动时跟随页面滚动。解决这个问题的一种方法是使用 `-webkit-overflow-scrolling: touch` 属性，该属性会在滚动时启用 iOS 的原生滚动效果，这样可以使 `position: fixed` 元素固定在页面上而不会跟随滚动。

例如，可以通过以下 CSS 来解决这个问题：

body {
  -webkit-overflow-scrolling: touch;
}

.fixed-element {
  position: fixed;
}

这将使 `body` 元素使用 iOS 的原生滚动效果，并使任何具有 `position: fixed` 属性的元素在页面上固定，而不会跟随滚动。