Прокрутка вниз / вверх в определенных пиксельных шагах с помощью мыши прокрутки?

Мне бы хотелось, чтобы окно прокручивалось вверх или вниз через определенные интервалы / шаги при каждом обнаружении прокрутки мышью.

Я уже нашел здесь решение, которое обнаруживает прокрутку в любом направлении, но я просто не мог заставить его правильно выполнить анимированную прокрутку.

$(function(){
var lastScrollTop = 0, delta = 5;
$(window).scroll(function(event){
   var st = $(this).scrollTop();

   if(Math.abs(lastScrollTop - st) <= delta)
      return;

if (st > lastScrollTop){

// downscroll code
$('html,body').animate({scrollTop: 100}, 1000);
       console.log('scroll down');
   } 


else {
// upscroll code    
$('html,body').animate({scrollTop: -100}, 1000)
      console.log('scroll up');
   }
   lastScrollTop = st;
});
});

0 ответов

Другие вопросы по тегам