Не работает плавная анимация

var scrollBut = document.getElementById("scrollBut");
 
scrollBut.onclick = function() {
    var counter = window.pageYOffset
    var duration = 1000;
    var start = new Date;
    function frame() {
        var progress = (new Date - start) / duration;
        if (progress > 1) {
            progress = 1;
        };
        window.scrollTo(0, progress *(-counter));
        if (progress == 1) {
            clearInterval(timer);
        };
    }
    var timer = setInterval(frame, 10);
}

$('html, body').animate({
  scrollTop: 0
}, 2000);

var scrollBut = document.getElementById("scrollBut");
scrollBut.onclick = function () {
    var i = 0;
    var interval = setInterval(function () {
            if (document.documentElement.scrollTop !== 0) {
                window.scrollBy(0, i);
                i--;
            } else {
                clearInterval(interval);
            }
        }, 10);
};

var scrollBut = document.getElementById("scrollBut");
 
scrollBut.onclick = function() {
    var counter = window.pageYOffset;
    n = counter / 50;
    function qwe() {
        counter = counter - n;
        window.scrollTo(0, counter);
        if (counter == 0 || counter < 0) {
            clearInterval(timer);
        };
    }
    var timer = setInterval(qwe, 10);
}