Как определить направление скроллинга ? scrollUp и ScrollDown
Есть событие: window.onscroll
Есть ли что подобное отдельно для скролла вверх и вниз ? |
А зачем? Если свойство scrollTop стало меньше - значит крутим вверх. Аналогично и с увеличением значения при прокрутке вниз.
|
А если элементу, над которым происходит скролл, стоит overflow: hidden; (то есть склолл не прокручивается) то позиция скрола меняться не будет.
|
var $window = $(window),
lastScrollTop = 0;
function onScroll (e) {
var top = $window.scrollTop();
if (lastScrollTop > top) {
console.log('top');
} else if (lastScrollTop < top) {
console.log('down');
}
lastScrollTop = top;
}
$window.on('scroll', onScroll);
|
и тоже самое без jQuery
var lastScrollTop = 0;
window.onscroll = onScroll;
function onScroll (e) {
var top = window.pageYOffset;
if (lastScrollTop > top) {
console.log('top');
} else if (lastScrollTop < top) {
console.log('down');
}
lastScrollTop = top;
}
|
| Часовой пояс GMT +3, время: 03:00. |