JS写一个返回顶部的代码
时间: 2024-05-11 18:16:02 浏览: 122
js返回顶部代码
好的,以下是一个简单的返回顶部的代码:
```javascript
// 获取返回顶部按钮
var backToTopBtn = document.getElementById("back-to-top");
// 当页面滚动时显示或隐藏按钮
window.onscroll = function() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
backToTopBtn.style.display = "block";
} else {
backToTopBtn.style.display = "none";
}
};
// 当按钮被点击时返回顶部
backToTopBtn.addEventListener("click", function(event) {
event.preventDefault();
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
});
```
要使用此代码,请将以下html代码添加到您的页面中:
```html
<a href="#" id="back-to-top" title="返回顶部">^</a>
```
请确保将此链接的标题更改为适当的文本,以便符合Web内容可访问性准则。
阅读全文