Как реализовать сенсорное событие в JavaScript, который можно использовать в качестве прокрутки на рабочем столе? - PullRequest
Новая
       35

Как реализовать сенсорное событие в JavaScript, который можно использовать в качестве прокрутки на рабочем столе?

2 голосов
/ 13 июня 2019

У меня есть анимация с библиотекой ScrollMagic, и я также использую GSAP.Это описание анимации при прокрутке по шагам.Каждое число - одна прокрутка:

  1. Добавить переполнение класса, скрытое в теле, чтобы отключить прокрутку.
  2. Переместить кредитные карты
  3. Переместить удалить некоторые изображения
  4. Начните выполнять преобразование: translate (x, y) rotateZ (zdeg)
  5. Остановите прокрутку и сделайте изображение, которое было переведено как липкое

Так что это хорошо работает с мышью на событии mousewheel,Вопрос:

Каков наилучший способ реализовать сенсорную прокрутку с тем же эффектом, когда пользователь выходит из iOS или Andorid.(Когда пользователь заходит на мой сайт с Android, iPhone, iPad и т. Д.)

Я знаю, что происходит событие touchmove. 

var image = document.getElementById('image-phone');
if(step == 1){
   //do first step
}...

//mousewheel event
window.addEventListener('mousewheel', function (e) {
  //this is implemented
});
//touchnmove event
window.addEventListener('touchmove', function (e) {
  //should I use this event
});
...