18.Selenium【滚动条操作】模拟鼠标滑轮滚动

一、前言

我们在进行UI自动化测试时，免不了要滑动鼠标，因为有些元素并不在首屏，需要滑动鼠标才可见。

selenium进行自动化过程中，可通过execute_script执行js语句实现页面滑动。常见的滑动场景分为四种：滑动至页面底部、滑动至顶部、滑动至具体位置、滑动至目标元素可见。

二、学习目标

1.滑动至页面底部

2.滑动至顶部

3.滑动至具体位置

4.滑动至目标元素可见

三、知识点

示例地址：https://baike.baidu.com/

1.【滑动至页面底部】

代码示例：

js="window.scrollTo(0,document.body.scrollHeight)" 
driver.execute_script(js)

2.【滑动至页面顶部】

代码示例：

js="window.scrollTo(0,-document.body.scrollHeight)" 
driver.execute_script(js)

3.【滑动至具体位置】

代码示例：

window.scrollBy(0,500)  # 向下滑动500个像素

window.scrollBy(0,-500)　# 向上滚动500个像素

window.scrollBy(500,0)  # 向右滑动500个像素

window.scrollBy(-500,0)　# 向左滚动500个像素

driver.execute_script("window.scrollTo(x,y)")  # 滑动到具体位置

4.【滑动至目标元素可见】

代码示例：

driver.execute_script("arguments[0].scrollIntoView();", element)  # 向下滚动至-元素可见

driver.execute_script("arguments[0].scrollIntoView(false);", element)  # 向上滚动至-元素可见