白色简约没有一键回到顶部功能

<script>
// 创建并设置HTML结构
var backToTopBtn = document.createElement('button');
backToTopBtn.textContent = '回到顶部';
document.body.appendChild(backToTopBtn);

// 设置CSS样式（通过内联样式）
backToTopBtn.style.position = 'fixed';
backToTopBtn.style.bottom = '20px';
backToTopBtn.style.right = '20px';
backToTopBtn.style.backgroundColor = '#000';
backToTopBtn.style.color = '#fff';
backToTopBtn.style.cursor = 'pointer';
backToTopBtn.style.padding = '10px';
backToTopBtn.style.display = 'none';

// 监听滚动事件
window.addEventListener('scroll', function() {
    if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) {
        backToTopBtn.style.display = 'block';
    } else {
        backToTopBtn.style.display = 'none';
    }
});

// 添加点击事件处理程序
backToTopBtn.addEventListener('click', function() {
    window.scrollTo({top: 0, behavior: 'smooth'});
});
</script>