如何使用 JavaScript 捲動到網頁頂部？
- Susan Sarandon原創
- 2024-11-29 01:40:11662瀏覽
使用 JavaScript 滾動到網頁頂部
使用 JavaScript 移動到網頁頂部是一項常見任務，尤其是當需要即時滾動時。這可以使用內建的 window.scrollTo() 方法輕鬆實現，該方法可讓您指定頁面上所需的位置。
JavaScript代碼：
要立即滾動到頁面頂部，請使用以下命令代碼：
window.scrollTo(0, 0);
參數：
- xCoord：滾動到的水平座標（以像素為單位）。將其設為 0 可捲動到左邊緣。
- yCoord：要捲動到的垂直座標（以像素為單位）。設定為 0 可以捲動到頂部。
xCoord 和 yCoord 都傳入 0，可以立即捲動到頁面左上角。
用法範例：
<!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>
點擊按鈕時，頁面會立即跳轉
注意：如果您想透過動畫實現平滑捲動，請考慮使用JavaScript 外掛程式或框架。
以上是如何使用 JavaScript 捲動到網頁頂部？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn