The page uses blocks with a fixed background. In all browsers, scrolling is smooth. But in the Safari browser the page scrolls with jerks. How can I fix this? Thank you
p { display: block; height: 300px; } .cover { z-index: 2; position: relative; overflow: hidden; width: 100%; height: 500px; visibility: visible; } .cover:before { z-index: 2; content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; visibility: visible; background: url(http://www.fullhdoboi.ru/_ph/6/227497508.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; } <p></p> <div class="cover"></div> <p></p> 