Как сделать перемещение блока при скроллинге?

Question

[Артур]

в общем увидел на сайте fifa интересный и казалось бы простой эффект перемещения элемента при прокрутке (вверх / вниз)
однако не знаю как сформулировать запрос в поиске чтобы найти решение. Подскажите чтоэто за плагин или потенциальный принцип реализации. Мозг туговато соображает после праздников еще.

Что имею ввиду:


link: FIFA от EA

Answer 1

[Anton Filippov]

используйте scrollMagic

А название этого "эффекта" - parallax.

Answer 2

[Dima Polos]

$(window).on('scroll',  (e)  => {
   $('.block_i_want_to_move').offset({
         top: e.target.scrollTop,
         left: e.target.scrollLeft
    });
});

Подробнее вот тут можно прочитать: http://jquery.page2page.ru/index.php5/Позиция_элемента

Там есть еще нюансы, связанные со знаком, куда двигать блок, то есть задавать можно -scrollTop, тогда в другую сторону будет двигаться блок; суть в том, что просто на отслеживание скролла вешаете функцию, которая нужный объект двигает, можно брать н не offset, а animate, можно css менять, можно translate использовать, класс задавать, я с телефона не смог посмотреть на сайте фифа как выглядит эффект, видимо на мобильных они это отключили. По заголовку вопроса ответил вроде как раз. Зачем плагины?