js实现返回顶部功能
使用jquery实现
html代码:
<div class="back-top">
<span>返回顶部</span>
</div>
css代码:
.back-top{
position:fixed;
right:100px;
top:700px;
z-index:999;
border-radius:5px;
width:260px;
display:none;
cursor:pointer;
}
jquery代码:
$(window).scroll(function(event){ if($(this).scrollTop() > 0){ $(".back-top").show(); }else{ $(".back-top").hide(); } }) $(".back-top").click(function(event){ $("html,body").animate({ scrollTop:"0px"}, 666 ) })