【JavaScript】---- 纯 js 实现返回页面顶部
要实现一个返回页面顶部的功能，你可以使用原生JavaScript中的window.scrollTo方法。以下是一个简单的实现示例：
// 获取页面顶部元素的引用，或者直接使用 document.documentElement 代表整个文档
const topElement = document.body;
// 定义返回顶部的函数
function scrollToTop() {
window.scrollTo({
top: 0,
behavior: 'smooth' // 可选，平滑滚动效果
});
}
// 如果你想要一个按钮触发这个功能，可以添加一个按钮并绑定事件
const backToTopButton = document.createElement('button');
backToTopButton.innerHTML = '回到顶部';
backToTopButton.addEventListener('click', scrollToTop);
// 将按钮添加到页面中
document.body.appendChild(backToTopButton);这段代码会创建一个按钮，并且当点击这个按钮时，页面会滚动到顶部。scrollTo方法中的behavior: 'smooth'是一个可选参数，它会让滚动动作变得平滑。如果你不需要平滑滚动效果，可以去掉这个参数。
评论已关闭