Как сделать движения машины как в примере при скролле?

Question

[Михаил Иванов]

Ребята всем привет, как сделать такую анимацию машины при скролле? demo.templaza.com/auto-showroom-wordpress-theme/?tf=1 , прошу помощи

Comments

[Сергей delphinpro]

Я подумал там правда что-то интересное...

Простая линейная функция (в математических терминах) зависимости смещения картинки с машиной от величины скроллинга.

[Михаил Иванов]

Сергей: я прошу не термины , а живой пример как это осуществляется ,может с помощью плагина информации много , но и воды много в интернете, поэтому и пишу сюда свой вопрос, если сможете написать пример как использовать или ссылку на информацию то буду благодарен

[Сергей delphinpro]

Михаил Иванов: ну вон у вас в тегах jquery маячит. Значит вы наверное знаете как слушать события? Вешайтесь на скролл окна и вызывайте ту самую функцию. Функцию как написать я уже сказал - в параметре передаете величину скролла, и по нему считаете на сколько сместить машинку.
Функция линейная y = x + a, где у - смещение машинки, x - скролинг, a - постоянная константа, которую можете подобрать вручную или высчитать программно, от нее будет зависеть порог скроллинга, с которого начнется движение.
Вот и всё. Ничего архисложного.

[Михаил Иванов]

Сергей: спасибо так более понятнее )))

Answer 1

[Froggyweb]

mynameismatthieu.com/WOW