Анимировать при прокрутке не работает на мобильном телефоне, как на рабочем столе scroll.Top () jQuery - PullRequest
Новая
       14

Анимировать при прокрутке не работает на мобильном телефоне, как на рабочем столе scroll.Top () jQuery

0 голосов
/ 26 сентября 2018

Я впервые создаю анимацию на свитке.Я использую переменную documentize и scrollTop () после достижения элемента, я изменяю класс этого элемента, чтобы сделать эффект.Он отлично работает на настольном компьютере, но на мобильном устройстве работает только первый элемент, а другие не могут быть по-разному рассчитаны scrollTop () на настольном компьютере и мобильном устройстве, поэтому мне нужно использовать условие для применения другого кода для настольного компьютера и мобильного устройства.Я не уверен, поэтому я спрашиваю здесь, есть ли только такой способ.

Спасибо. 

 var documentsize = $(document),
  firstelement = $('.firstelement'),
  firstelementtime = 200,
  secondelement = $('.secondelement'),
  secondelementtime = 1400;


  documentsize.on('scroll',function(){

     if(documentsize.scrollTop() > firstelementtime){

         $('.firstelement').removeClass('myanimation');
         $('.firstelement').addClass('fadeInLeft');
     }


     if(documentsize.scrollTop() > secondelementtime){

         $('.secondelement').removeClass('myanimation');
         $('.secondelement').addClass('fadeInRight');
     }












     if(documentsize.scrollTop() < firstelementtime){

         $('.firstelement').removeClass('fadeInLeft');

           setTimeout(function(){

             $('.firstelement').addClass('myanimation');

           },500);
     }         



    if(documentsize.scrollTop() < secondelementtime){

         $('.secondelement').removeClass('fadeInRight');

           setTimeout(function(){

             $('.secondelement').addClass('myanimation');

           },500);
     }  

  });

1 Ответ

0 голосов
/ 26 сентября 2018

Если вас беспокоит вычисление различных значений на рабочем столе и на компьютере, лучше использовать $(element).offset() для получения верхнего и левого значений в соответствии с родительским элементом или чистый javascript element.offsetTop. После этого вы можете использовать $(parent).scroll() дляпрокрутите вниз до значения пикселя, полученного из смещения.

...