Why does a fixed block "jump" in chrome when scrolling?

Question

css

Made a fixed block set properties for it

.block {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    background-color: #ffffff;
    padding-top: 15px;
    padding-bottom: 14px;
}

But when scrolling the page, the block slightly "twitches", and this effect is only in google chrome. How to fix?

Answer 1

Try giving this block -webkit-backface-visibility: hidden;