Estoy tratando de hacer un evento scrollY receptivo usando JS. Me gustaría animar un div en dispositivos móviles y de escritorio. El problema es que en el móvil, la animación aparece en scrollY 2000 y en el escritorio scrollY 2800.

¿Cómo puedo animarlo en dispositivos de escritorio?

Hay un código que me gustaría usar pero no funciona:

 if( window.scrollY > 2000 || window.scrollY > 2800){ percentDev.style.animation = "percentBareDev 2s forwards"; percentTeam.style.animation = "percentBareTeam 2s forwards"; percentRewards.style.animation = "percentBareRewards 2s forwards"; }