1

Допустим, нужно что бы при скролле вниз в консоль выводился 0, а при скролле вверх 1

1
  • 2
    console.log( (prev.y - curr.y) > 0)
    – teran
    Commented 4 мая 2020 в 12:14

3 ответа 3

4

Решение с помощью scrollTop

let oldScrollTopPosition = 0;

window.onscroll = () => {
	const scrollTopPosition = document.documentElement.scrollTop;
	console.log(oldScrollTopPosition > scrollTopPosition);
	oldScrollTopPosition = scrollTopPosition;
}
body {
	min-height: 200vh;
}


Решение с помощью Wheel

window.onwheel = (e) => console.log(e.deltaY < 0);

5
  • 1
    deltaY <0 или deltaY >0 так наверно ...мм ? Commented 4 мая 2020 в 12:20
  • @MaximLensky не знаю, у меня и так работает как нужно
    – MoloF
    Commented 4 мая 2020 в 12:21
  • я не спорю ...плюс поставил Commented 4 мая 2020 в 12:22
  • @MaximLensky , а, вы про wheel написали, сейчас дополню, сначала не понял про что именно вы, спасибо!
    – MoloF
    Commented 4 мая 2020 в 12:23
  • да. wheel кроссбраузерный Commented 4 мая 2020 в 12:26
3

var scroll = 0;
window.onscroll = onScroll;
function onScroll() {
  var top = window.pageYOffset;
  if (scroll > top) {
    console.log('1');
  } else if (scroll < top) {
    console.log('0');
  }
  scroll = top;
}
body {height: 5000px}

0
0
let was = 0;

const scrollGoing=(tf)=>{
    if(was !== tf){
        console.log('scroll', tf ? 'down' : 'up', tf);
    }
    was = tf;
};

window.onwheel=({deltaY})=>scrollGoing(deltaY > 0);
2
  • пожалуйста, постарайтесь оставлять чуть более развёрнутые ответы. дополнить ответ можно, нажав править Commented 5 мая 2020 в 0:33
  • @aleksandrbarakin спасибо пожалуйста здесь нечего дополнять\комментить
    – Vadim
    Commented 5 мая 2020 в 3:43

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.