js 回到页面顶部

// HTML中添加一个按钮
<button onclick="scrollToTop()">回到顶部</button>

// JavaScript代码
function scrollToTop() {
    window.scrollTo({
        top: 0,
        behavior: 'smooth' // 平滑滚动
    });
}

// HTML中添加一个按钮
<button id="back-to-top">回到顶部</button>

// jQuery代码
$(document).ready(function(){
    $("#back-to-top").click(function(){
        $("html, body").animate({ scrollTop: 0 }, "slow");
        return false;
    });
});

// HTML中添加一个按钮，默认隐藏
<button id="back-to-top" style="display:none;">回到顶部</button>

// JavaScript代码
window.addEventListener('scroll', function() {
    var button = document.getElementById('back-to-top');
    if (window.pageYOffset > 300) { // 当页面滚动超过300px时显示按钮
        button.style.display = 'block';
    } else {
        button.style.display = 'none';
    }
});

document.getElementById("back-to-top").addEventListener("click", function(){
    window.scrollTo({
        top: 0,
        behavior: 'smooth'
    });
});