Как создать эффект прокрутки параллакса, подсчитывая этажи здания с изображением с помощью JS?Jquery

Программирование на jquery
Ответить
Anonymous
 Как создать эффект прокрутки параллакса, подсчитывая этажи здания с изображением с помощью JS?

Сообщение Anonymous »

Есть ли у кого-нибудь здесь опыт использования параллаксной прокрутки для подсчета этажей в здании? =))
При прокрутке будет считать этажи в соответствии с соотношением прокручиваемого изображения, но у меня проблемы с отзывчивостью. При изменении размера окна изменяется соотношение изображения, что приводит к ошибкам в подсчете, поскольку я использую getBoundingClientRect() для получения параметров элемента (я использую формат png для изображения).
Я также подумал о втором решении — смешать его с 3D-видео, а затем использовать ScrollTrigger GSAP для управления видео, но это неосуществимо, потому что я не знаю, как создавать видео =))
Я помню существовал веб-сайт, посвященный Эмпайр-стейт-билдинг в Нью-Йорке, на котором также использовался эффект подсчета прокрутки параллакса.
Есть ли у кого-нибудь решение?

Подробнее здесь: https://stackoverflow.com/questions/798 ... h-image-us
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»