jquery返回网站顶部缓冲效果

admin
🌐 经济型:买域名、轻量云服务器、用途:游戏 网站等 《腾讯云》特点:特价机便宜 适合初学者用 点我优惠购买
🚀 拓展型:买域名、轻量云服务器、用途:游戏 网站等 《阿里云》特点:中档服务器便宜 域名备案事多 点我优惠购买
🛡️ 稳定型:买域名、轻量云服务器、用途:游戏 网站等 《西部数码》 特点:比上两家略贵但是稳定性超好事也少 点我优惠购买

温馨提示:这篇文章已超过526天没有更新,请注意相关的内容是否还可用!

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


文章版权声明:除非注明,否则均为执刀人的工具库原创文章,转载或复制请以超链接形式并注明出处。

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
验证码
评论列表 (暂无评论,206人围观)

还没有评论,来说两句吧...

目录[+]

取消
微信二维码
微信二维码
支付宝二维码