Доработать js-скрипт на основе gsap draggable

10 000 руб. за проект • безналичный расчёт
19 апреля 2019, 14:29 • 3 отклика • 37 просмотров
Привет!

Я использую на сайте gsap — библиотеку для анимации.

При помощи нее удается реализовать несколько удобных возможностей, которые прекрасно работают и на десктопе и на мобильных. Я специально сделал два тестовых проекта, залил их в т.ч. на гитхаб, чтобы показать наглядно, но по сути, это один и тот же скрипт и два способа его применения:

  1. Scroll — прокручивание большого блока вроде карты с различными элементами внутри — https://designgovno.ru/gsap-scroll/ (github)
  2. Drag — перетаскивание маленьких элементов по экрану — https://designgovno.ru/gsap-drag/ (github)
Что нужно добавить:

1. Scroll — при прокручивании большого элемента нужно добавить возможность сделать зум двумя пальцами на мобильниках (pinch).

2. Scroll — устранить баг: внутри прокручиваемого элемента .scroll на ios (возможно и на других мобильных, но я не могу проверить) не всегда работает css-анимация (красная крутящаяся полоска и три шатающихся дерева справа) — часто при перезагрузке страницы замирают все анимации внутри .scroll (не могу выявить закономерность).

3. Drag — добавить возможность крутить элемент двумя пальцами на мобильнике привычным жестом при перетаскивании элементов по экрану.

Думал задействовать для этого hammer, но не настаиваю.

— И.