欢迎来到抓润网

jQuery“返回顶部”滑动过度效果

来源: 互联网 日期: 2020-07-13 20:08:41

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

jQuery 返回顶部 滑动过度效果


上一篇:墨鱼部落格商业源码开通认证域名机制!

下一篇:amaze UI – 简单灰色(简灰)多说CSS样式分享

  • 在线客服

    点击这里给我发消息 点击这里给我发消息

    官方微信

    仅处理投诉、举报及平台使用问题;
    商品问题请咨询商家客服!

浏览记录