​js回到网站顶部代码

   html:  <div id="scrolltop" style="left: 1433px; visibility: visible; float: right">
           <span hidefocus="true">
               <div class="scrolltop" id="scrolltop" title="return top" /><img src="{{ asset('bundles/mdpisusy/img/icon/top.png') }}"></div>
           </span>
       </div>


   css:   #scrolltop {
   display: none;
   position: fixed;
   bottom: 10px;
   right: 10px;
   display: block;
   cursor: pointer;
}


  coffeescript:  

$ ->
 $(window).scroll ->
   top = $(window).scrollTop()
   if top > 200
     $("#scrolltop").fadeIn()
   else
     $("#scrolltop").fadeOut()

 $("#scrolltop").click ->
   $("html,body").animate scrollTop: 0

 $("#scrolltop").hide()    

你可能感兴趣的:(​js回到网站顶部代码)