第一种：锚点 使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置 第二种：scrollTop scrollTop属性表示被隐藏在内容区域上方 ...

最近在慕课网看了一个案例教程——回到顶部效果（原生js实现） 这个a标签就是用来实现回到顶部的链接,其中 href=”javascript:;”是用来阻止a标签的默认行为，因为我们是要触发点击事件让滚动条回到顶部，而不是跳转页面。当然，如果你将其设置为 href ...

前言 在实际应用中，经常用到滚动到页面顶部或某个位置，一般简单用锚点处理或用js将document.body.scrollTop设置为0，结果是页面一闪而过滚到指定位置，不是特别友好。我们想要的效果是要有点缓冲效果。 现代浏览器陆续意识到了这种需求，scrollIntoView意思 ...

JS === 实现点击回到顶部 样式： body{height:10000px} // 产生滚动条 .go-2-top{width:50px; height:50px;background:red;cursor:pointer;position:fixed;right:20px;bottom ...

HTML: CSS: JS： ...

现在大多数网站都会添加这种功能：当滚动条滚动到页面的下方时，页面的右下角会显示出来一个“回到顶部”的按钮或连接，点击该按钮后页面会跳转到顶部，或某一个适合查看内容的位置。 那么，如何控制“回到顶部”按钮的显示或隐藏呢？其实我们只需要实现window.onscroll 事件即可，代码 ...

hangleGoUp(){ console.log("开始") let nowTop = document.body.scrollTop || document.documentElement.scr ...

样式： JS代码如下： ...