如何使用 JavaScript 实现一个简单的回到顶部按钮功能? - 项越资源网-html css js 用法分享社区-开发交流-项越资源网

如何使用 JavaScript 实现一个简单的回到顶部按钮功能?

可以使用 JavaScript 来实现一个简单的回到顶部按钮功能,做法是:

  1. 第一步:在 HTML 中添加一个 id 属性的按钮:
<button id="top-btn">回到顶部</button>
  1. 第二步:加入以下 JavaScript 代码并添加 click 事件:
var myButton = document.getElementById('top-btn'); 
myButton.addEventListener('click', function(){  
    document.body.scrollTop = 0; 
});

通过上面的代码就可以实现回到顶部的效果了。

请登录后发表评论

    没有回复内容