【JS實例】返回頂部
function?gotop(){
????????let speed?=?150;????//?每幀向上移動的像素
? ? ? ? let scrollTop?=?document.documentElement.scrollTop;?//?獲取當前縱向滾動條位置
????????????????????????????????????????????????????????//?橫向滾動條用scrollLeft獲取
????????if(scrollTop?==?0){?//?當滾動條移動到0時結束函數
????????????return;
????????}
????????scrollTop?=?scrollTop?-?speed;
????????window.scrollTo(0,scrollTop);
????????//?scrollTo()?方法可把內容滾動到指定的坐標。
????????//?語法:scrollTo(xpos,ypos)
????????//?當位置是負數時,會將滾動條移到0位置
????????window.requestAnimationFrame(gotop);????//?執(zhí)行一個動畫,并且要求瀏覽器在下次重繪之前調用指定的回調函數更新動畫
????????????????????????????????????????????????//?人話:每幀執(zhí)行一次gotop函數
????}

標簽: