在滚动页面中如何使用JavaScript滚动到页面顶部？下面本篇文章就来给大家介绍一下使用JavaScript滚动到页面顶部的方法，希望对大家有所帮助。

在JavaScript中可以使用window.scrollTo()在滚动页面中滚动到页面顶部，scrollTo() 方法可把内容滚动到指定的坐标。

window接口的scrollTo()方法可用于滚动到页面上的指定位置。它接受要滚动到的页面的x和y坐标的两个参数。以0的形式传递这两个参数将滚动页面到最上面和最左边的点。

语法：

window.scrollTo(x-coordinate, y-coordinate)

示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style> 
    .scroll { 
        height: 1000px; 
        background-color: lightgreen; 
    }
</style> 

</head>

<h2 style="color: green">使用JavaScript滚动到页面顶部</h2> 
    <p>单击按钮，滚动到页面顶部</p> 
    
    <p class="scroll">这里一段测试文本！这里一段测试文本！这里一段测试文本！</p> 
    
    <button οnclick="scrollToTop()">单击，滚动到顶部</button> 
    <script> 
        function scrollToTop() { 
            window.scrollTo(0, 0); 
        } 
    </script> 
</body> 
  
</html>
# javascript # 前端 # 开发语言
Logo
华为开发者空间

华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。

更多推荐

cover

对话4位技术大咖，探秘华为开发者空间打破壁垒，实现跨平台协作

avatar 华为开发者空间
cover

基于云主机搭建Termgraph绘图工具，将数据转化为可视化图形

avatar 华为开发者空间
cover

意图框架习惯推荐方案，为用户提供个性化内容分发

avatar 华为开发者空间