Window scrollTo() 方法

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

chengqiuming

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

阅读量2w

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/chengqiuming/article/details/70140190

版权

定义和用法

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>

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

chengqiuming

关注关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Python爬虫编程思想（99）：使用Selenium执行JavaScript代码

一个被知识诅咒的人

12-25

1049

对于某些操作，Selenium并没有提供相应的API，例如，下拉页面，不过可以使用Selenium的execute_script方法直接运行JavaScript代码，以便扩展Selenium的功能。

js插件 scrollto

05-29

ScrollTo：平滑滚动到页面指定位置

参与评论您还未登录，请先登录后发表或查看评论

JavaScript基础-元素滚动 scroll 系列

m0_61787196的博客

03-31

569

JavaScript基础-元素滚动 scroll 系列

Window.scrollTo()

weixin_30572613的博客

12-28

3300

摘要滚动到文档中的某个坐标。语法 window.scrollTo(x-coord,y-coord ) window.scrollTo(options) 参数 x-coord是文档中的横轴坐标。 y-coord是文档中的纵轴坐标。 options是一个包含三个属性的对象: top等同于y-coord left等同于x-coord ...

window.scrollTo、scrollTop

qq_25741071的博客

03-08

4315

if(!time) {// 设置循环的间隔时间值越小消耗性能越高 let spacingInex = time / spacingTime;// 计算循环的次数 let nowTop = document . body . scrollTop + document . documentElement . scrollTop;// 获取当前滚动条位置 let everTop =(number - nowTop) / spacingInex;

Web浏览器滚动方案，Window：scrollTo()、Window：scrollBy()、Element.scrollIntoView() 三种方案

呆呆狗

07-26

1139

Web浏览器滚动方案，Window：scrollTo()、Window：scrollBy()、Element.scrollIntoView() 三种方案

BOM中innerWidth/innerHeight方法、alter（）、confirm（）、prompt（）、location、onload、onresize、onscroll事件和scrollTo

YY的博客

10-15

626

BOM介绍、BOM里window对象方法介绍、浏览器的事件：onload事件和onresize事件、onscroll事件和scrollTo（）方法

八年测试经验，吐血整理出Selenium无法定位元素解决方案

m0_60945327的博客

01-20

788

WebDriver只能在一个页面上对元素识别与定位，对于frame/iframe表单内嵌的页面元素无法直接定位。解决方法： driver.switch_to.frame(id/name/obj) switch_to.frame()默认可以直接取表单的id或name属性。如果没有可用的id和name属性，可以先定位到frame/iframe，再将定位对象传给switch_to.frame(对象)方法。 xf = driver.find_element_by_.

Window对象的常用属性和方法

最新发布

pan_junbiao的博客

03-31

913

Window 对象代表打开的浏览器窗口，通过 Window 对象，可以控制窗口的大小和位置、由窗口弹出的对话框、打开与关闭窗口，还可以控制窗口上是否显示地址栏、工具栏和状态等栏目。对于窗口中的内容，Window 对象可以控制是否重载网页、返回上一个文档或前进到下一个文档。在框架方面，Window 对象可以处理框架与框架之间的关系，并通过这种关系在一个框架中处理另外一个框架的文档。Window 对象还是所有其他对象的顶级对象，通过对 Window 对象的子对象进行操作，可以实现更多的动态效果。

window.scrollTo()

weixin_30332241的博客

04-13

249

官方文档的解释：可把内容滚动到指定的坐标常用于回顶部，简直不要太好用下面我们通过一个简单栗子来看一下~~ HTML部分，没贴出css哈。（原谅我复制粘贴的长文以及丑陋不堪的页面） <div class="title">生命，是一个行走的过程</div> <button class="btn" onclick="scrollHandel()">点...

window.scrollTo控制滚动条平滑的滚动到某个位置

qq_38985463的博客

01-22

7541

语法一：window.scrollTop(x,y) //x横坐标 y纵坐标例：window.scrollTop(0，1000) 语法二：window.scrollTop(options) window.scrollTo({ top:560, left:0, behavior: "smooth" }); // top:纵坐标 left:横坐标 behavior 类型String,表示滚动行为,支持参数 sm..

通过window.scrollTo实现丝滑跳转到页面的某个位置

weixin_42966151的博客

06-29

639

通过计算对应id的组件距离页面顶部的距离，来使用window.scrollTo丝滑跳转到该位置。

window.scrollTo()方法使用示例

★(ChengKing)【夜战鹰】【产品级性能调优与故障诊断分析】★

01-07

3554

(一).示例图片效果(二).代码window.scrollTo()函数function scrollwin(form){var winx=form.X.value;var winy=form.Y.value;window.scrollTo(winx,winy);}//-->请输入窗口的位置:

window.scrollTo滚动

Yoyo_Yan的博客

02-09

3046

window.scrollTo()和window.scroll()是同一个方法，参考MDN。 window.scrollTo() 在window对象上实现滚动效果 //可以直接调用 window.scrollTo(0, 1000); //也可以加 window.scrollTo({ top: 100, left: 100, behavior: 'smooth' }); 在具体的元素...

window.scrollTo

Zoe_Wang_ing的专栏

11-20

2221

Top测试过 ie 7891011

JavaScript - window.scrollTo

idomyway的博客

05-21

1526

回到页面顶部 window.scrollTo(0,0); //回到顶部

window.scrollto

12-09

`window.scrollTo()` 是 JavaScript 中的一个浏览器内置方法，它用于滚动网页的视口到指定的位置。这个方法接受两个参数，通常表示水平（x轴）和垂直（y轴）方向的偏移量，可以设置为整数值、百分比或者一个对象，例如： ```javascript // 滚动到页面顶部 window.scrollTo(0, 0); // 滚动到某个元素 const element = document.getElementById('myElement'); window.scrollTo({ top: element.offsetTop, // 元素的上边缘距离视口顶部的距离 left: element.offsetLeft // 元素的左边距离视口左边的距离 }); // 沿X轴滚动一定距离 window.scrollTo(null, 500); // 只沿Y轴滚动500像素 // 或者，如果只提供一个参数，则默认滚动到该值对应的那一边 window.scrollTo(500); // 相当于 window.scrollTo(null, 500) ``` 通过`window.scrollTo()`, 开发者能够轻松控制用户的浏览体验，比如导航菜单固定在页面底部时，用户点击链接时直接滚动到对应位置。