How to fix iPad Safari scrolling causes HTML elements to disappear and reappear with a delay with CSS?

Spread the love

Sometimes, we want to fix iPad Safari scrolling causes HTML elements to disappear and reappear with a delay with CSS.

In this article, we’ll look at how to fix iPad Safari scrolling causes HTML elements to disappear and reappear with a delay with CSS.

How to fix iPad Safari scrolling causes HTML elements to disappear and reappear with a delay with CSS?

To fix iPad Safari scrolling causes HTML elements to disappear and reappear with a delay with CSS, we set the transform property.

For instance, we write

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

to select all elements other than the html element with *:not(html)

And we use -webkit-transform: translate3d(0, 0, 0); to fix iPad Safari scrolling causes HTML elements to disappear and reappear on the elements.

Conclusion

To fix iPad Safari scrolling causes HTML elements to disappear and reappear with a delay with CSS, we set the transform property.

Leave a Reply

Your email address will not be published. Required fields are marked *