js如何设置一个悬浮按钮使网站到顶端

可以使用以下代码实现一个悬浮按钮并使网站回到顶端：

HTML：

<a href="#" class="scroll-to-top">回到顶部</a>

CSS：

.scroll-to-top {
    display: none; /* 初始时隐藏按钮 */
    position: fixed; /* 固定位置 */
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    text-align: center;
    background-color: #ccc;
    color: #fff;
    border-radius: 50%;
    z-index: 999;
    cursor: pointer;
}

.scroll-to-top:hover {
    background-color: #555;
}

JavaScript：

window.onscroll = function() {scrollFunction()};

function scrollFunction() {
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
        document.querySelector('.scroll-to-top').style.display = "block";
    } else {
        document.querySelector('.scroll-to-top').style.display = "none";
    }
}

document.querySelector('.scroll-to-top').addEventListener('click', function() {
    document.body.scrollTop = 0; /* 兼容性写法 */
    document.documentElement.scrollTop = 0; /* 火狐、IE9+、Chrome、Safari、Opera 写法 */
});

该代码会在滚动页面时检查页面滚动的距离，如果超过了一定值，就显示一个悬浮按钮，点击按钮时会回到页面顶部。