jQuery快速捲動到頁面頂部的方法：使用【scrollTo()】方法快速捲動到頁面頂部，將position參數設定為0會將頁面捲動到頂部，語法為【$(window).scrollTop (position);】。
本教學操作環境：windows7系統、jquery3.2.1版本，此方法適用於所有品牌電腦。
推薦：jquery影片教學
jQuery快速捲動到頁面頂部的方法：
在jQuery中可以使用scrollTo ()方法快速捲動到頁面頂部。 jQuery的scrollTo()方法用於設定或傳回所選元素的垂直捲軸位置。透過在window屬性上套用此方法，可以使用此行為捲動到頁面頂部；只要將position參數設為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>在頁面底部，點擊按鈕之前：
點擊按鈕後：
相關免費學習推薦：javascript學習教學
以上是jQuery怎麼能快速捲動到頁面頂部的詳細內容。更多資訊請關注PHP中文網其他相關文章！
