iOS Safari浏览器：滚动时固定顶部元素跳转并消失

tvmytwxo 于 2023-01-18 发布在 iOS

关注(0)|答案(1)|浏览(94)

固定图元具有下列样式属性：

position: fixed;
top: 0;
right: 0;

它应该保持固定在右上角，因为它在桌面浏览器（Chrome，Safari）。
但是，在iOS Safari（16.1.1）上，滚动时，元素会意外地消失或跳转。滚动后，它会重新出现在正确的位置。https://drive.google.com/file/d/17UFcgFiHh8UANGJqy8S5RZjTWeqnSR3T/view?usp=sharing.
仅当元素相对于顶部定位时才会发生此问题：* * 相对于底部定位元素时没有问题**。
将Safari地址栏设置为屏幕顶部而非底部时也会发生此问题。
我尝试过对固定元素及其子元素（iOS 9 Safari: changing an element to fixed position while scrolling won't paint until scroll stops）进行transform: translate3d(0px,0px,0px)攻击，但没有效果。