jQuery 返回顶部滑动过度成效

发布时间：2022-04-28 11:22:26 所属栏目：建站来源：互联网

导读：东西很简单，还是利用jQuery，直接在网站底部文件加代码： a href=# id=top 返回顶部 /a CSS代码，使用了fixed让对象固定于浏览器窗口： #top{position:fixed;bottom:0;right:10px;} jQuery代码，注意正常使用的几个条件： $(#top).click(function(){$(ht

东西很简单，还是利用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，此文完！