Почему сильно тормозит background-attachment: fixed в Safari?

Question

[Nikita Shchypylov]

Всем привет!

Проблема: у меня на сайте есть подобие параллакса на нескольких блоках. Вот код:

<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/

Спасибо

Answer 1

[Ivan Korsakov]

Решение, вуаля: Harbahabr

Comments

[Nikita Shchypylov]

Ну, это ломает всю структуру сайта. Повторюсь, у меня таких 4 блока, а fixed убивает все отстальное