iPad Safari元素消失并延迟重新出现 [英] iPad Safari elements disappear and reappear with a delay

问题描述

对于此错误，我引用了以下堆栈溢出问题，并在css中进行了如下应用(请参阅: iPad Safari滚动导致HTML元素消失并延迟出现)

For this bug I have referred the below stack overflow question and have applied in the css as follows (Refer: iPad Safari scrolling causes HTML elements to disappear and reappear with a delay)

*:not(html) {
    -webkit-transform: translate3d(0, 0, 0);
}

申请后，我面临一个新问题.也就是说，如果我为元素应用固定位置，那么该位置在浏览器顶部并不会固定，而不是滚动.

如果我删除了上述CSS，就可以正常工作. (请参阅:如何在不影响固定要素的情况下解决问题?

How to fix the issue without affecting the fixed element?

推荐答案

转换创建

Transforms create a new stacking order and context. That means that fixed positioning will no longer be tied to the viewport.

在这种情况下，简单的答案是您不能将转换和fixed定位结合在一起.

In this particular case, the simple answer is that you can't combine transforms and fixed positioning.

这篇关于iPad Safari元素消失并延迟重新出现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！