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 ) })