固定相对定位div内部的div会导致移动Safari中奇怪的超卷行为

固定相对定位是CSS中的两种定位方式，用于控制元素在页面中的位置。在移动Safari中，如果一个固定或相对定位的div内部包含另一个div，可能会导致奇怪的超卷行为。

这种超卷行为是由于移动Safari的渲染机制导致的。当一个固定或相对定位的div内部的内容超出了div的高度时，移动Safari会尝试自动调整滚动条的位置，以确保内容能够完全显示。这可能会导致页面的滚动行为出现异常，例如滚动条突然跳动或页面闪烁。

为了解决这个问题，可以尝试以下几种方法：

1. 使用-webkit-overflow-scrolling: touch;属性：这个属性可以启用移动Safari的滚动优化，可以改善滚动体验并避免奇怪的超卷行为。在需要滚动的div上添加这个属性即可。
2. 使用固定高度或限制内容高度：通过设置固定高度或限制内容高度，可以避免内容超出div的情况，从而避免奇怪的超卷行为。
3. 避免在固定或相对定位的div内部使用滚动：如果可能的话，尽量避免在固定或相对定位的div内部使用滚动，以减少出现超卷行为的可能性。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云移动开发平台
• 腾讯云云原生应用引擎
• 腾讯云音视频处理
• 腾讯云人工智能
• 腾讯云物联网平台
• 腾讯云存储
• 腾讯云区块链服务
• 腾讯云元宇宙