首先来段返回顶部按钮的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动画缓冲效果执行。
© 版权声明
文章版权归作者所有,未经允许请勿转载。