iphone11 手机中position:fixed 定位在底部的元素随滚动条滚动，fixed定位失效

在 iOS 中，当一个元素被设置为 `position: fixed` 并且该元素的父元素同时具有 `transform`、`perspective` 或 `filter` 属性时，该元素将不再保持固定位置。这个问题可能会导致 `position: fixed` 的元素在 iPhone 和 iPad 上无法正常工作。

解决方法是，将 `position: fixed` 的元素直接放置在 `body` 元素中，而不是放置在任何其他元素内。这样可以避免父元素的 `transform`、`perspective` 或 `filter` 属性对 `position: fixed` 元素的影响。

如果您必须在元素内使用 `transform`、`perspective` 或 `filter` 属性，可以考虑使用 `position: absolute` 或 `position: sticky` 来代替 `position: fixed`。这两种属性不受这个问题的影响。

另外，还需要注意在 iOS 设备上，滚动事件的触发机制与桌面浏览器有所不同。在移动设备上，滚动事件会在滚动停止后一段时间才被触发，而不是像桌面浏览器那样在滚动时持续触发。这可能会导致某些情况下 `position: fixed` 的元素出现闪烁的问题。您可以通过监听 `scroll` 事件并使用 `requestAnimationFrame` 来解决这个问题。