js編寫簡易返回頂部按鈕

? 之前ui設計讓我做個返回頂部的按鈕,我一定頭緒都沒,感覺真要加上這個功能,自己編寫就得一個下午,工作量大為由,所以就推脫了;

　　當靜下心,有時間搗鼓之后才發現原來so easy!!!

　　以下是我的js代碼,不足之處還請博友們批評指正;

　　

  //原生js操作代碼
　　function scrolls(){
      　　var elem=document.getElementById("returnTop");
      　　//獲得當前頁面的滾動距離
      　　var scrollTop=document.body.scrollTop ||document.documentElement.scrollTop;
      　　elem.style.display=scrollTop>=500?"block":"none";
  　　}
 　　 window.addEventListener('scroll',scrolls,false);
　　
　　

　　//jquery中操作代碼
　　$(window).scroll( function(){
　　　　//jquery中獲取當前網頁的滾動距離
    　　var scrollTop=$(window).scrollTop();
    　　scrollTop>=500?$("#returnTop").css("display",'block'):$("#returnTop").css("display",'none');

　　});
　　為什么要用jquery寫呢?首先就我們公司來說,后臺也會寫前端代碼?他們只會用jquery編寫,不會用原生的js,所以補上jquery,