Анимация прокручивания картинок

* { 
  margin: 0; 
  padding: 0; 
} 
 
.item1, 
.item3 { 
  width: 100%; 
  height: 100vh; 
} 
 
.item2, 
.item4 { 
  width: 100%; 
  height: 300px; 
  background: #fff; 
} 
 
.item1 { 
  background: url(http://wallpaperscraft.ru/image/plity_bereg_more_pasmurno_temnota_55483_2560x1080.jpg); 
  background-size: cover; 
  background-attachment: fixed; 
} 
 
.item3 { 
  background: url(https://www.motto.net.ua/pic/201209/1920x1080/motto.net.ua-18427.jpg); 
  background-size: cover; 
  background-attachment: fixed; 
}

<div class="item1 item"></div> 
<div class="item2 item"></div> 
<div class="item3 item"></div>