回到顶部

• 页面回到顶部

$('#toTopBtn').on("click", function (e) {
    e.preventDefault();
    //获取当前位置
    var T = document.documentElement.scrollTop || document.body.scrollTop;
    var t = setInterval(function () {
        if (T < 0) {
            clearInterval(t);
        } else {
            T -= 50;
            document.body.scrollTop = T;
            document.documentElement.scrollTop = T;
        }
    }, 13);
});

• 元素回到顶部

$('#toTopBtn').on("click", function (e) {
    e.preventDefault();
    //获取当前位置
    var T = $('#box').scrollTop();
    //var  T=document.getElementById('box').scrollTop;//原生
    var t = setInterval(function () {
        if (T < 0) {
            clearInterval(t);
        } else {
            T -= 50;
            $('#box').scrollTop(T);
            //document.getElementById('box').scrollTop=T;//原生
        }
    }, 13);
});

• jq-animate。回到顶部

$('#toTopBtn').on("click", function (e) {
    e.preventDefault();
    //$('html ,body').animate({scrollTop: 0}, 300);
    $('#box').animate({scrollTop: 0}, 300);
});