Membuat Laju Scroll Website Lebih Cepat dengan jQuery

Author : Sigit Purnomo | Released : February 29, 2016 | Category :
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 );
}

Google+

Linkedin

Silahkan berkomentar sesuai topik yang dibahas