Плавная прокрутка на колесе мыши?

Question

Вместо обычной скорости прокрутки мыши я хотел бы сделать ее более медленной и плавной и такой же последовательной, как в современных браузерах.

Я уже пробовал использовать несколько плагинов, таких как NiceScroll (https://nicescroll.areaaperta.com/).

Но после установки его по какой-либо причине он переполняет: скрытый; по моему контенту и не может прокручиваться нигде после. Мне не нужны специальные прокрутки. Мне просто нужна прокрутка, чтобы быть более гладкими при использовании колесика мыши или вертикальной полосы прокрутки, как это:

http://pervolo.com/

ли кто-нибудь, пожалуйста, просветите меня об этом? Я планирую использовать плагин skrollr (https://github.com/Prinzhorn/skrollr) вместе с плавной прокруткой.

Answer 1

Это может заставить вас идти:

$(window).on('mousewheel DOMMouseScroll', function(e) { 
    var dir, 
     amt = 100; 

    e.preventDefault(); 
    if(e.type === 'mousewheel') { 
    dir = e.originalEvent.wheelDelta > 0 ? '-=' : '+='; 
    } 
    else { 
    dir = e.originalEvent.detail < 0 ? '-=' : '+='; 
    }  

    $('html, body').stop().animate({ 
    scrollTop: dir + amt 
    },500, 'linear'); 
}) 

DOMMouseScroll и e.originalEvent.detail требуются для Firefox. Измените amt на нужный уровень прокрутки и измените 500, чтобы быть вашим желаемым прокруткой.

Fiddle: http://jsfiddle.net/utcsdyp1/1

Answer 2

Вы можете поймать действие, когда пользователь прокручивает с помощью $(element).on("scroll", handler), а затем, используя, например, этот код

$('html, body').animate({ 
    scrollTop: $("#target-element").offset().top 
}, 1000); 

свитка к некоторому элементу с помощью JQuery