Search code examples
htmlcssgoogle-chromepositioning

Fixed position element is flashing in Chrome when scrolling

I am trying to make this website. It works great on Firefox, but not in Chrome. I fixed the header to the top. When scrolling it sticks on top and it is flashing in Chrome.

I don't know why, but I tried to fix this but could not. How can I fix the problem?

Site link: https://dl.dropboxusercontent.com/u/88666744/HTML/works/qcolor2Copy-fl/index.html

Please help me with this problem.

Thanks in advance

Solution

  • Thanks to rd5. He helps me out.

    -webkit-transform: translateZ(0);