Saturday, September 26, 2015

Smooth Scroll In Page Website

Link JScript
<link href='https://googledrive.com/host/0B3_1k0-eLWDpaFBsaWcyTlh0RHc' rel='stylesheet'/>

Script
<script type='text/javascript'>
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 / 120;
    else if (event.detail) delta = -event.detail / 3;

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

function handle(delta) {
    var time = 1000;
var distance = 300;
   
    $('html, body').stop().animate({
        scrollTop: $(window).scrollTop() - (distance * delta)
    }, time );
}
</script>

No comments:

Post a Comment