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

Question

[Игорь Перегудов]

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

И в целом интересует вопрос, как делать такие паралакс эффекты

Answer 1

[Иван Сергеев]

Создайте одинаковые по размерам изображения фонов для каждого блока, и фонам задайте
background-attachment: fixed;

Comments

[Игорь Перегудов]

изображение вместе с планшетом ставить на бг? если так то картинка в планшете будет появляться не правильно, роде как

[Иван Сергеев]

да, картинку вместе с планшетом. если у блоков и у изображений ширина одинаковая, то все будет правильно отображаться.
кстати, на вашем сайте-примере именно так и сделано. можете в коде посмотреть
https://yadi.sk/i/Zx8s0f5lx8c2Y

[Игорь Перегудов]

Иван Сергеев: окей, буду пробовать :)
спасибо вам

Answer 2

[Дмитрий Мельник]

не забудьте еще вот это, чтобы не дергалась в 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]-->