如何使用JavaScript滚动到页面顶部？

在滚动页面中如何使用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滚动到页面顶部？相关推荐

用Javascript滚动到页面底部，并能正确判断出页面已到底部的方法
现在的页面大部分都是通过Js渲染来显示页面的,也就是如果不滚动到页面底部就无法获取整个页面的HTML源码,如果通过CURL等抓取网页那么基本上抓取到都是一堆javascript代码. 所以就有了web ...
Vue表格滚动到页面顶部，表头固定
大致思路:监听页面根元素的滚动事件,判断表格节点距页面顶部的距离offsetTop减去被表格被卷的高度scrollTop是否大于零,大于零,未到页面顶部,隐藏自定义表头,小于零,将自定义表头展示出来 ...
jquery点击缓慢滚动到页面顶部
<style>body{margin: 0;}.btn{ position: fixed;bottom: 5px;right: 10px;} </style><body& ...
html5向上向下兼容插件,Sticky Header-兼容IE8的页面顶部固定jQuery插件
sticky-header.js是一款非常实用的兼容IE8+浏览器的页面顶部固定jQuery插件.该页面顶部固定插件可以通过参数来控制header元素的样式及固定效果,并且提供了丰富的回调函数. 使用 ...
C语言界面列表的滑动效果,jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)...
本文实例讲述了jQuery+ajax实现滚动到页面底部自动加载图文列表效果.分享给大家供大家参考,具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/ ...
JavaScript中的scrollTop（js中的scrollTop，滚动到顶部，javascript滚动到顶部）
简述:scrollTop是JavaScript中一个非常有用且重要的方法,它用于获取或设置元素的垂直滚动条位置,实现各种滚动相关的功能,无论是回到顶部.滚动到指定位置还是监听滚动事件,都需要用到scr ...
html 下拉到一定位置,浏览器向下滚动到一定位置继续滚动时，侧边导航固定在页面顶部，再滚动到一定位置时页面再向下滚动侧边导航不再固定。这种效果怎么实现呢...
1.浏览器向下滚动到一定位置继续滚动时,侧边导航固定在页面顶部,再滚动到一定位置时页面再向下滚动侧边导航不再固定.页面向上滚动到一定位置继续滚动时,侧边导航保持在原来位置.这种效果怎么实现呢 2.. ...
如何通过HTML标记或JS代码实现跳转返回页面顶部
本文介绍三款简单的返回页面顶部代码,可以使用简单的HTML锚标记,也可使用JavaScript Scroll函数动态返回,其它的还有悬浮脚本等有点复杂了,本文不再介绍,大家根据自己需要选择其中的一种即 ...
php开发是可视的吗,javascript,html_Jquery判断页面元素是否在浏览器的可视区域内，javascript,html,css,html5 - phpStudy...
Jquery判断页面元素是否在浏览器的可视区域内前端开发中,有时需要判断某个元素是否在浏览器的可视区域内,或者是否已经滚动出了可视区域.首先想到的便是javascript操作,原生方法自然可以,不过 ...

如何使用JavaScript滚动到页面顶部？

如何使用JavaScript滚动到页面顶部？相关推荐

最新文章

热门文章