
使用 JavaScript 滾動(dòng)到網(wǎng)頁(yè)頂部
使用 JavaScript 移動(dòng)到網(wǎng)頁(yè)頂部是一項(xiàng)常見任務(wù),尤其是當(dāng)需要即時(shí)滾動(dòng)時(shí)。這可以使用內(nèi)置的 window.scrollTo() 方法輕松實(shí)現(xiàn),該方法允許您指定頁(yè)面上所需的位置。
JavaScript 代碼:
要立即滾動(dòng)到頁(yè)面頂部,請(qǐng)使用以下命令代碼:
window.scrollTo(0, 0);
參數(shù):
- xCoord:滾動(dòng)到的水平坐標(biāo)(以像素為單位)。將其設(shè)置為 0 可滾動(dòng)到左邊緣。
- yCoord:要滾動(dòng)到的垂直坐標(biāo)(以像素為單位)。設(shè)置為 0 可以滾動(dòng)到頂部。
xCoord 和 yCoord 都傳入 0,可以立即滾動(dòng)到頁(yè)面左上角。
用法示例:
<!DOCTYPE html>
<html>
<body>
<p>Scroll down this page and then click the button.</p>
<button onclick="window.scrollTo(0, 0)">Scroll to Top</button>
</body>
</html>
點(diǎn)擊按鈕時(shí),頁(yè)面會(huì)立即跳轉(zhuǎn)
注意:如果您想通過動(dòng)畫實(shí)現(xiàn)平滑滾動(dòng),請(qǐng)考慮使用 JavaScript 插件或框架。
以上是如何使用 JavaScript 滾動(dòng)到網(wǎng)頁(yè)頂部?的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章!