效果如图:
<!--回到头部 开始-->
<style> .go-btn{ position: fixed; right: 20px; bottom: 20px; width: 30px; height: 30px; color:#fff; line-height: 30px; text-align: center; font-size: 12px; border-radius: 15px; background: rgba(0,0,0,.5); transition: 0.5; cursor: pointer;/*过渡*/
-webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease-out;}
.go-btn:hover{ background: rgba(0,0,0,.9); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); } </style> <script type="text/javascript"> $(function(){ $(".go-btn").click(function(){ $("html,body").animate({scrollTop:$("#logo_row").offset().top},500) }) }) </script> <!--回到头部 结束-->