Всем привет!
Проблема: у меня на сайте есть подобие параллакса на нескольких блоках. Вот код:
<section data-original="img/purity.jpg" class="special-soft lazy module parallax parallax-window_2 cf"
id="quality">
<div class="special-soft__text cf">
<span class="f_left">01</span>
<h2 class="f_left">ОСОБЛИВА М'ЯКІСТЬ</h2>
<hr class="f_left">
<p class="f_left">
Особливість м'якого смаку класичної горілки Medoff досягається завдяки унікальній технології фільтрації
«медовий дощ». Смак напою дозріває під впливом мікрочастинок меду, який вважається кращим природним
фільтром
</p>
</div>
</section>
section.special-soft {
position: relative;
height: 722px;
background: url("../img/purity.jpg") no-repeat scroll center;
background-size: cover;
text-align: center;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
-webkit-transition: background-image 0.4s;
-moz-transition: background-image 0.4s;
-ms-transition: background-image 0.4s;
-o-transition: background-image 0.4s;
transition: background-image 0.4s;
overflow: hidden;
-webkit-font-smoothing: subpixel-antialiased;
}
Cносно работает в Firefox и Chrome'е, но ужасно в Safari.
Вопрос: Как это решить? Что можно сделать, что бы и в сафари не было сильных тормозов
JSFIDDLE :
https://jsfiddle.net/z7b0fsx9/
Спасибо