Chrome issue with background-attachment fixed and position fixed elements

Question

I\'ve had this issue for a while and it seems to be a Chrome redraw bug that hasn\'t been fixed. So I\'m looking for any stop-gap fixes.

The main issue is that when a

Answer 1

This problem usually appears because of HTML5 video. Just wrap it in dom element with styling rules position: relative; and overflow:hidden; This will fix everything in all browsers!

Answer 2

I've found solution from https://www.fourkitchens.com/blog/article/fix-scrolling-performance-css-will-change-property/

In my case, just give this property into the fixed background's div.

will-change : transform;