Window scrollTo() 方法

最新推荐文章于 2025-03-31 19:26:19 发布

最新推荐文章于 2025-03-31 19:26:19 发布 · 2.6k 阅读

文章标签：

188 篇文章

订阅专栏

本文介绍了scrollTo()方法的定义及使用方式，该方法能够将页面滚动到指定坐标位置。文章给出了具体的语法说明及参数解释，并通过一个示例展示了如何在实际网页中应用此方法。

scrollTo() 方法可把内容滚动到指定的坐标。

scrollTo(xpos,ypos)

参数	描述
xpos	必需。要在窗口文档显示区左上角显示的文档的 x 坐标。
ypos	必需。要在窗口文档显示区左上角显示的文档的 y 坐标。

<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>菜鸟教程(runoob.com)</title>
<script>
function scrollWindow(){
window.scrollTo(100,500);
}
</script>
</head>
<body>
<input type="button" onclick="scrollWindow()" value="滚动条"/>
滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动滚动
 
 
 
 
 
 
 
 
滚动滚动滚动滚动滚动滚动滚动滚动
 
 
 
 
 
 
 
 
滚动滚动滚动滚动滚动滚动滚动滚动
 
 
 
 
 
 
 
 
滚动滚动滚动滚动滚动滚动滚动滚动
 
 
 
 
 
 
 
 
滚动滚动滚动滚动滚动滚动滚动滚动
 
 
 
 
 
 
 
 
滚动滚动滚动滚动滚动滚动滚动滚动
 
 
 
 
 
 
 
 
滚动滚动滚动滚动滚动滚动滚动滚动
 
 
 
 
 
 
 
 
滚动滚动滚动滚动滚动滚动滚动滚动
 
 
 
 
 
 
 
 
</body>
</html>