Допустим, нужно что бы при скролле вниз в консоль выводился 0, а при скролле вверх 1
3 ответа
Решение с помощью 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);
-
1
-
-
-
@MaximLensky , а, вы про wheel написали, сейчас дополню, сначала не понял про что именно вы, спасибо!– MoloFCommented 4 мая 2020 в 12:23
-
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}
let was = 0;
const scrollGoing=(tf)=>{
if(was !== tf){
console.log('scroll', tf ? 'down' : 'up', tf);
}
was = tf;
};
window.onwheel=({deltaY})=>scrollGoing(deltaY > 0);
console.log( (prev.y - curr.y) > 0)