Замена прокрутки с анимацией ослабления

Question

Я стараюсь заменить поведение по умолчанию $(window).scroll() красивой анимацией. Но пока не повезло. Следующий мой код.

$(window).scroll(function(e){ 
    e.preventDefault(); 

    var cp=$(window).scrollTop(); // current scroll position 

    //animate with custom easing 
    $('html, body').animate({scrollTop:cp}, 50,'easeInElastic'); 

}); 

Но это не работает. Он просто прокручивает только 1-3 пикселя и очень медленно.

Если я изменю его на $('html, body').animate({scrollTop:500}, 50,'easeInElastic'); , он просто делает это один раз, и это не то, что я хочу.

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

JSFiddle ссылка http://jsfiddle.net/bfDrp/

Answer 1

Взгляните на этот плагин:

http://manos.malihu.gr/jquery-custom-content-scroller/

Вот implemintation:

<script> 
(function($){ 
    $(document).ready(function(){ 
     $("body").mCustomScrollbar(); 
    }); 
})(jQuery); 

Answer 2

Используйте .с Функция crollTo в этом месте вы также можете использовать scrollX и прокручивать окно с окном.

window.scrollTo(0,150,500);