jquery返回网站顶部缓冲效果

文章摘要

这篇文章介绍了如何在网页中实现一个返回顶部的功能。首先，使用HTML编写了一个包含 onclick 事件的按钮代码。然后，通过CSS固定按钮的位置在网页右下角。最后，编写了JavaScript代码，利用 animate 功能拖动滚动条至顶部。文章还提到需要加载 jQuery 库以实现部分功能。整体内容简洁明了，适合快速了解实现该功能的基本步骤和代码结构。

首先来段返回顶部按钮的HTML代码

<div id=”goToTop”><a href=”javascript:;”>点我返回顶部</a></div>
然后就给按钮一个CSS样式，让它浮动在网页右下角，固定住。

#goToTop {
position: fixed;
bottom: 20px;
right: 10%;
}
最后就是JS代码了，记得要加载jquery哦

$(“#goToTop “).click(function(){
$(“html, body”).animate({
“scroll-top”: 0
}, “fast”);
});
点击按钮，返回网页的滚动条到最顶部，animate动画缓冲效果执行。