Javascript 滾回頂部

時間 2021-01-30

標籤 javascript java ide spa get function 欄目 JavaScript 简体版

原文原文鏈接

PS：javascript實現滾回頁面頂部！javascript

Javasciprt代碼：java

function goTopEx(){ide

var obj=document.getElementById("goTopBtn");spa

function getScrollTop(){ip

return document.documentElement.scrollTop;ci

}get

function setScrollTop(value){it

document.documentElement.scrollTop=value;io

} function

window.onscroll=function(){getScrollTop()>0?obj.style.display="":obj.style.display="none";}

obj.onclick=function(){

var goTop=setInterval(scrollMove,10);

function scrollMove(){

setScrollTop(getScrollTop()/1.1);

if(getScrollTop()<1)clearInterval(goTop);

}

HTMl代碼：

<body>

</div>

goTopEx();

</script>

</body>

CSS樣式：

<style>

#goTopBtn {

bottom: 35px;

cursor: pointer;

font-size: 12px;

height: 52px;

line-height: 52px;

position: fixed;

right: 0;

text-align: center;

width: 52px;

}

</style>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。