Membuat Laju Scroll Website Lebih Cepat dengan jQuery

Anda dapat mempercepat laju scroll hingga beberapa kali dari biasanya. Efek ini akan terasa ketika mouse di roll ke bawah maupun keatas menggunakan tombol tengah / roll pada mouse. Jadi apabila scroll menggunakan tongkat kanan pada layar, ini tidak akan bekerja.

Contoh penggunaan:



Mouse Roll


Tongkat Roll


jQuery
if (window.addEventListener) window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;

function wheel(event) {
    var delta = 0;
    if (event.wheelDelta) delta = event.wheelDelta / 100;
    else if (event.detail) delta = -event.detail / 1;

    handle(delta);
    if (event.preventDefault) event.preventDefault();
    event.returnValue = false;
}

function handle(delta) {
    var time = 400;
var distance = 400;
   
    $('html, body').stop().animate({
        scrollTop: $(window).scrollTop() - (distance * delta)
    }, time );
}
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini