Window scrollBy() 方法

最新推荐文章于 2023-08-04 08:31:02 发布
最新推荐文章于 2023-08-04 08:31:02 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： JavaScript 文章标签： Window scrollBy

定义和用法

scrollBy() 方法可把内容滚动指定的像素数。

注意： 要使此方法工作 window 滚动条的可见属性必须设置为true！

语法

scrollBy( xnum,ynum)

 

参数描述
xnum必需。把文档向右滚动的像素数。
ynum必需。把文档向下滚动的像素数。

实例

  
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>滚动条</title>
<script>
function scrollWindow(){
	window.scrollBy(100,100);
}
</script>
</head>
<body>
<script>
 for (var i=0;i<50;i++)
 {
 	document.write("第" + (i+1) + "行; ");
 	//输出空格，用于产生横向滚动条
 	for (var j=0; j<50; j++)
 	{
 		document.write("&nbsp; &nbsp; ");
 	}
 	document.write ("<br>");
 }
</script>
<input type="button" οnclick="scrollWindow()" value="滚动条" />
<script>
 for (var i=0;i<100;i++)
 {
 	document.write("第" + (i+1) + "行; ");
 	//输出空格，用于产生横向滚动条
 	for (var j=0; j<100; j++)
 	{
 		document.write("&nbsp; &nbsp; ");
 	}
 	document.write ("<br>");
 }
</script>
</body>
</html>
 

运行效果



 

iteye_5722
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
python+selenium 滚动条/内嵌滚动条循环下滑，判断是否滑到最底部
zhaoweiya的博客
10-10 6296
核心代码就这么几句，思路就是用scrollBy一直下拉滚动条，然后scrollTop会一直变化，当scrollTop不变时，说明就到底了。跳出循环即可。 代码： import time from lxml import etree from selenium import webdriver driver =webdriver.Chrome() driver.get('http://www.baidu.com') #定义一个初始值 temp_height=0 while True: #
浅谈window对象的scrollBy()方法
09-03
在Web开发中，`window`对象提供了很多实用的方法，如`scrollBy()`，用于控制页面的滚动行为。本文将深入探讨`window.scrollBy()`方法的定义、用法、浏览器兼容性和实际应用示例。 ### scrollBy() 方法的定义 `...
关于window.scroll系列方法汇总 & 滚动到指定元素位置
热门推荐
锋利的绵羊的博客
08-20 1万+
1.window.scroll() 概述 滚动窗口至文档中的特定位置。 语法 window.scroll(x-coord, y-coord) // 参数表示想要置于左上角的像素点的横纵坐标 2.window.scrollBy() 概述 在窗口中按指定的偏移量滚动文档(相对于当前位置进行偏移) 语法 window.scrollBy(x-coord, y-coord); ...
selenium 滑动页面至元素可见
Love_Polaris的博客
07-04 1316
滚动页面 　　在自动化操作中，如果web页面过长，而我们需要的元素并不在当前可视页面中，那么selenium就无法对其进行操作；此时，我们就需要像平时操作浏览器一样来滚动页面，使我们需要操作的对象可见！ 滚动页面的方法： window.scrollBy() window.scrollBy(0,500)　　 向下滚动500个像素 window.scrollBy(0,-500)　　 向上滚动500个像素 window.scrollBy(500,0)　　 向右滚动500个像素 window.scrollBy(-5
selenium 滑动屏幕常用 js 语句
伤心的辣条
07-06 1190
UI 自动化中经常会用到屏幕滑动，selenium 提供的接口很少。记录一下常用的 js 语句以免忘记。1）从 (0,0) 滑动 x,y 距离 2）从当前位置滑动 x,y 距离 3）滑动到底部位置 4）滑动到顶部位置 5）滑动元素至顶部对齐，可以使用 selenium 自带的，也可以用 js 6）滑动元素至屏幕中间 7）滑动元素至屏幕底部对齐 8）缩放页面 9）封装一下便于调用 最后： 可以在公众号：伤心的辣条 ！ 自行领取一份216页软件测试工程师面试宝典文档资料【免费的】。以及相对应的视频学习教程免费分
Android scrollTo和scrollBy方法使用解析
08-28
在一个View中，系统提供了scrollTo、scrollBy两种方式来改变一个View的位置，下面通过本文给大家介绍Android scrollTo和scrollBy方法使用解析，需要的朋友参考下吧
JavaScript Window窗口对象属性和使用方法
10-15
本文将深入探讨 `Window` 对象的属性、方法及其使用方法。 首先，我们来看 `Window` 对象的属性。`Window` 对象拥有许多属性，它们可以帮助开发者获取和操作浏览器窗口的状态和信息。例如： 1. `document` 属性：...
javascript学习之window 对象
最新发布
白话机器学习
08-04 464
浏览器里面，window对象（注意，w为小写）指当前的浏览器窗口。它也是当前页面的顶层对象，即最高一层的对象，所有其他对象都是它的下属。一个变量如果未声明，那么默认就是顶层对象的属性。a = 1;上面代码中，a是一个没有声明就直接赋值的变量，它自动成为顶层对象的属性。window有自己的实体含义，其实不适合当作最高一层的顶层对象，这是一个语言的设计失误。最早，设计这门语言的时候，原始设想是语言内置的对象越少越好，这样可以提高浏览器的性能。因此，语言设计者 Brendan Eich 就把window。
scroll事件不生效
weixin_56815226的博客
10-08 461
高度不能100%（高度必须超过容器高度）
滚动scroll
雷雨天的雷胖子
04-27 602
目录 一、获取滚动条移动距离 window对象下的滚动条 元素节点下的滚动条 二、实现滚动条移动 window对象下的滚动条 元素节点下的滚动条 三、实例代码 操作滚动条回到顶部 元素节点的数据轮播功能 一、获取滚动条移动距离 window对象下的滚动条 标准方法 w3c提供了两个标准方法window.pageXOffset和window.pageYOffset，分别用来...
selenium操作滚动条
doulihang的博客
06-27 4456
from selenium import webdriver from time import sleep driver = webdriver.Chrome() driver.get("http://www.baidu.com") #driver.maximize_window() sleep(10) #移动到绝对位置，x轴为横向距离，y轴为纵向距离 js = "window.scroll...
$(window).scroll()触发失效
在希
08-11 2851
标题$(window).scroll()触发失效 最近遇到一个问题，在项目中写了$(“window”).scroll()方法，但是在滚动页面的时候发现此方法没有触发，后来查找原因才发现是因为页面中的html或者body元素设置了overflow:auto样式才无法出发 解决方式：在页面结构布局完整的情况下将改样式去掉。 关于window.scroll系列方法汇总 & 滚动到指定元素位置 1.window.scroll() 概述 滚动窗口至文档中的特定位置。 语法 window.scroll(x-co
js中scroll滚动相关
jggnice的博客
05-17 3676
js中scroll滚动相关 scroll，滚动，一般讨论的是网页整体与浏览器之间的关系。 一.元素相关 属性/方法 解释 element.scrollHeight 返回元素的整体高度。 element.scrollWidth 返回元素的整体宽度。 element.scrollLeft 返回元素左边缘与视图之间的距离。 element.scrollTop 返回元素上边缘与视图之间的距离。 这四个属性，全部是只读属性 其中，无非就是分为宽高和左..
python滚动条操作--window.scrollTo---window.scrollBy的解析
清心的博客
01-11 5504
  window.scrollTo（x,y） 将滚动条移动到 横坐标为x，纵坐标为y的位置，比如： driver.js("window.scrollTo（0,1000）")  就是将滚动条向下移动 到 1000 像素的位置 而window.scrollBy（x,y） 则是 在当前位置的基础上，再次移动x,y像素，如接着上面的操作： driver.js("window.scrollBy（0,...
再学习js的onscroll、scrollTop、scrollHeight及window.scroll等方法
weixin_30550081的博客
11-15 300
1、onscroll解释：当元素的滚动条滚动时触发的事件。onscroll事件貌似任何实体元素都可以绑定，这里的实体元素包括DOM元素、window元素、document元素。用法即：element.onscroll=function(){};需要注意的是，滚动条一定要出现，而且滚动条是属于这元素的，例如：1 <div id="wrap" style="height:100px;ove...
python滚动条_一python之新开窗口、滚动条
weixin_39927508的博客
11-27 291
一、新开一个窗口，并输入urL，只适用于两个窗口；目录：common-basepage二、滚动元素可见；使用js语句：arguments[0].scrollIntoView();将元素滚动到最上方使得元素可见，但因为系统最上面有固定的主菜单栏会遮挡住元素，经过调试，可以先将元素滚动到可见，再相对当前位置滚动一定距离(window.scrollBy(x,y),相对滚动，相比较当前位置的滚动，x指左右...
selenium自动向下滚动页面，并指定最大滑动距离
呆萌的代Ma
02-01 5513
需要selenium控制的chrome向下滑动，自动加载一些内容，核心代码是： browser.execute_script("window.scrollBy(0,300)") 这行可以向下滑动300个像素 需要的工具函数如下： def roll_window_to_bottom(browser, stop_length=None, step_length=500): """selenium 滚动当前页面，向下滑 :param browser: selenium的webdriver
window.scrollBy 横向滚动
05-31
可以使用`window.scrollBy()`方法来横向滚动页面。 例如，要向右滚动页面100个像素，可以使用以下代码： ``` window.scrollBy(100, 0); ``` 其中第一个参数表示横向滚动的距离，第二个参数表示纵向滚动的距离。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值