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

　　當靜下心,有時間搗鼓之后才發(fā)現(xiàn)原來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中獲取當前網(wǎng)頁的滾動距離
　　var scrollTop=$(window).scrollTop();
　　scrollTop>=500?$("#returnTop").css("display",'block'):$("#returnTop").css("display",'none'); 　　});
　　為什么要用jquery寫呢?首先就我們公司來說,后臺也會寫前端代碼?他們只會用jquery編寫,不會用原生的js,所以補上jquery,

轉(zhuǎn)載于:https://www.cnblogs.com/fishMu/p/5530975.html

總結(jié)

以上是生活随笔為你收集整理的js编写简易返回顶部按钮的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。