首页 > 代码库 > HTML页面实现返回顶部效果 go to top
HTML页面实现返回顶部效果 go to top
1、首先导入jQuery插件。
2、js代码：
$(window).scroll(function () { if($(window).scrollTop()>=100) { $(".backtop").fadeIn(); }else { $(".backtop").fadeOut(); }}); $(".backtop").click(function(event){ $(‘html,body‘).animate({scrollTop:0}, 500); return false; });
3、css代码：
a.backtop { background: url("./sw/images/backtotop.png") no-repeat scroll center center rgba(0, 0, 0, 0); bottom: 20px; cursor: pointer; display: none; height: 70px; position: fixed; right: 20px; text-indent: -9999px; width: 70px; z-index: 100; }
4、页面代码：
<a class="backtop" > <h6>返回顶部啊</h6> </a>
HTML页面实现返回顶部效果 go to top
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。