Nikulio
@Nikulio
NaN !== NaN

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

Всем привет!

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

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

Спасибо
  • Вопрос задан
  • 1202 просмотра
Пригласить эксперта
Ответы на вопрос 1
shevchenkonik
@shevchenkonik
Решение, вуаля: Harbahabr
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы