原生js實現使滾動條緩慢回到頂部的效果


html 部分 (因為a標簽有鏈接功能,此時最好不要用a包裹 否則影響實現效果)

<li id="btn-top">回到頂部</li>

js部分
var top=document.getElementById("btn-top");
var bottom=document.getElementById("btn-top");
top.onclick=function(){
//alert(11);
timer=setInterval(function(){
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
var ispeed=Math.floor(-scrollTop/6);
console.log(ispeed)
if(scrollTop==0){
clearInterval(timer);
}
document.documentElement.scrollTop=document.body.scrollTop=scrollTop+ispeed;
},30)
};


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM