在滾動頁面中如何使用jQuery快速滾動到頁面頂部？下面本篇文章就來給大家介紹一下使用jQuery快速滾動到頁面頂部的方法，希望對大家有所幫助。
原文地址：jQuery如何快速滾動到頁面頂部？
在jQuery中可以使用scrollTo()方法快速滾動到頁面頂部。jQuery的scrollTo()方法用于設(shè)置或返回所選元素的垂直滾動條位置。通過在window屬性上應(yīng)用此方法，可以使用此行為滾動到頁面頂部；只要將position參數(shù)設(shè)置為0會將頁面滾動到頂部。
語法：
$(window).scrollTop(position);
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
? ? .scroll {
? ? ? ? height: 1000px;
? ? ? ? background-color: palegoldenrod;
? ? }
</style>
</head>
<h2>使用jQuery快速滾動到頁面頂部</h2>
? ? <p>單擊下面的按鈕，滾動到頁面頂部</p>
? ? <p class="scroll">這里一段測試文本！這里一段測試文本！這里一段測試文本！</p>
? ? <button onclick="scrollToTop()">單擊，滾動到頂部</button>
? ? <script src= "https://code.jquery.com/jquery-3.3.1.min.js"> </script>
? ? <script>
? ? ? ? function scrollToTop() {
? ? ? ? ? ? $(window).scrollTop(0);
? ? ? ? }
? ? </script>
</body>
</html>
在頁面底部，單擊按鈕之前：
點(diǎn)擊按鈕后：
相關(guān)推薦：
