帝国CMS利用jQuery实现“返回顶部”滑动效果
703 人阅读 | 时间:2020年02月02日 10:12
阿里云服务器 | 腾讯云服务器 | VPS2EZ:老牌低调VPS | ZJI:香港日本美国独服 |
LOCVPS服务周到 | HostKvm低调KVM VPS | 傲游主机:优质VPS | 80VPS:老牌VPS主机 |
搬瓦工:CN2 GIA线路 | CloudCone:性价比高 | JustMySocks科学上网 | RackNerd:超级便宜 |
JustMySocks科学上网 | 好用的宝塔面板 | 购买搬瓦工VPS | 恒创:香港CN2服务器 |
东西很简单,还是利用jQuery,直接在网站底部文件加代码:
<a href="#" id="top"> 返 回 顶 部 </a>
CSS代码,使用了fixed让对象固定于浏览器窗口:
#top{positiON:fixed;bottom:0;right:10px;}
jQuery代码,注意正常使用的几个条件:
$('#top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});
OK,此文完!
评论专区