分享62个JS返回顶部特效，总有一款适合您
在这里，我们将使用JavaScript创建一个简单的返回顶部特效。这个特效将使用window.scrollTo函数来平滑滚动到页面的顶部。
以下是一个简单的返回顶部特效的示例代码：
// 获取页面中的返回顶部按钮
const backToTopButton = document.getElementById('back-to-top');
// 为按钮添加点击事件监听器
backToTopButton.addEventListener('click', function() {
// 使用window.scrollTo方法平滑滚动到页面顶部
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});在HTML中，你需要有一个触发返回顶部动作的按钮：
<button id="back-to-top">返回顶部</button>这段代码会监听按钮的点击事件，并在点击时平滑滚动页面至顶部。这是一个非常基础的返回顶部特效，但是可以作为一个良好的开始。如果你需要更复杂的功能，比如在页面滚动到一定位置后自动显示返回顶部按钮，你可以添加额外的逻辑来实现。
评论已关闭