Как задать прокрутку элемента при скролле?

Question

[smirnovilya]

Здравствуйте, возник такой вопрос, только недавно столкнулся с изучением jQuery.
Есть такая страница на которой расположены десятки блоков (один за другим). А потом на этой странице с абсолютным позиционированием выставлено изображение (поверх всех блоков) с id='scroll1'.
1. Как сделать чтобы при прокрутке страницы это изображение прокручивалось вверх в 2 раза медленнее всего контента.
2. Можно ли реализовать такую прокрутку на чистом CSS?

HTML

<section id='block1'></section>
<section id='block2'></section>
<section id='block3'><img src='../img/scroll.jpg' id='scroll1'></section>
<section id='block4'></section>
<section id='block5'></section>

#block1, #block2, #block3, #block4, #block5 {position:relative;width:100%;height:500px;}
#block3 #scroll1 {position:absolute;top:0;right:0;}

Comments

[Givandos]

На чистом CSS такое не получится сделать

Answer 1

[Егор Живагин]

Это называется parallax, насколько я понял. Смотрите)

Answer 2

[Андрей Б.]

Лучше в background'е. https://jsfiddle.net/vsotsgLz/
Для img самому подправить не сложно.