欢迎光临 - 我的站长站,本站所有资源仅供学习与参考,禁止用于商业用途或从事违法行为!

js教程

jquery返回网站顶部缓冲效果

js教程 我的站长站 2022-09-21 共92人阅读

首先来段返回顶部按钮的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动画缓冲效果执行。