在日常開發(fā)中，經(jīng)常需要實現(xiàn)滾動到文檔頂部這個常見需求。我們可以使用JavaScript代碼來實現(xiàn)這個功能。下面將介紹兩種實現(xiàn)方式。

方式一：使用scrollTo方法

scrollTo() 函數(shù)可以使瀏覽器窗口滾動到頁面的指定坐標。我們可以將x軸坐標和y軸坐標都設置為0來實現(xiàn)滾動到頂部的功能。

function scrollToTop() {
window.scrollTo(0, 0);
}

我們可以將上面的代碼封裝成一個函數(shù)，然后在需要使用的地方調(diào)用。比如點擊一個按鈕后，頁面就自動滾動到頁面頂部。代碼如下：

回到頂部

方式二：使用animate方法

如果想讓滾動到頂部的過程平滑一些，我們可以使用jQuery的 animate() 方法來實現(xiàn)。首先需要引入jQuery庫：

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

然后就可以使用下面的代碼實現(xiàn)滾動到頂部效果：

function scrollToTop() {
$('html, body').animate({scrollTop: 0}, 'slow');
}

同樣，我們可以將上面的代碼封裝成一個函數(shù)，然后在需要使用的地方調(diào)用。比如點擊一個按鈕后，頁面就自動滾動到頁面頂部。代碼如下：

回到頂部

總結

以上就是使用JavaScript實現(xiàn)滾動到頂部的兩種方式。第一種方式簡單直接，但是比較生硬。第二種方式動畫效果比較友好，但是需要引入jQuery庫。根據(jù)實際需求選用不同的方法。