Показать сообщение отдельно
  #1 (permalink)  
Старый 15.08.2016, 18:15
Новичок на форуме
Отправить личное сообщение для anarmus Посмотреть профиль Найти все сообщения от anarmus
 
Регистрация: 15.08.2016
Сообщений: 2

Прерывание requestAnimationFrame при onwheel
Всем привет! Делал кнопку "Вверх", которая, что логично, скролит страницу вверх до нулевого пикселя. Ссылка:
<a href="#" id="scrollUp">Наверх</a>


И скрипт:
function scrollUp() {
    window.scrollBy(0,-20);
    if (window.pageYOffset > 0) {requestAnimationFrame(scrollUp);}
}
document.getElementById('scrollUp').addEventListener('click', function(e) {
    e.preventDefault();
    scrollUp();
}, false);


Теперь вопрос, как прерывать скрол (анимацию скрола), если пользователь начал крутить колёсико мышки, т.е. скролить самостоятельно?

Пробовал вот так:
if ((window.onwheel != undefined) || (window.pageYOffset == 0)) {return false;}
else {requestAnimationFrame(scrollUp);}

Не работает.
Ответить с цитированием