igorperegudov
@igorperegudov
Frontend-developer

Как сделать паралакс на сайте?

Подскажите пожалуйста, как сделать такой паралакс эффект как на этом сайте в блоке "Больше чем просто сall tracking"

И в целом интересует вопрос, как делать такие паралакс эффекты
  • Вопрос задан
  • 659 просмотров
Решения вопроса 2
Создайте одинаковые по размерам изображения фонов для каждого блока, и фонам задайте
background-attachment: fixed;
Ответ написан
rdd
@rdd
Только хардкор
не забудьте еще вот это, чтобы не дергалась в ie:
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) 
{
    html{
        overflow: hidden;
        height: 100%;    
    }
    body{
        overflow: auto;
        height: 100%;
    }
}
Для ie9, ie8 и ie7

<!--[if lte IE 9]>
    <style type=text/css>
       html{
           overflow: hidden;
           height: 100%;    
       }
       body{
           overflow: auto;
           height: 100%;
       }
    </style>
<![endif]-->
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы