Javascript 用轻松动画替换滚动

我一直在努力用漂亮的动画替换默认的

$（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'）。动画（{scrollTop:500}，50，'easeinastic'）
它只做一次，这不是我想要的

当用户按下滚动条按钮时，我想用轻松的动画替换标准的滚动行为

jsiddle link
看看这个插件：


以下是建议：

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


（函数（$）{
$（文档）.ready（函数（）{
$（“body”）.mCustomScrollbar（）；
});
})（jQuery）；


使用.scrollTo功能，您也可以使用scrollX
和滚动窗口

可以提供Fiddle，但如何在window.scrollTo.scrollTo（x，y，delay_time）中添加动画；这是jquery函数，它可以工作。我不想更改滚动条……但我想更改滚动量和动画的行为。我想让它以轻松动画的方式进行动画制作。
window.scrollTo(0,150,500);