selenium滑动窗口页面滑块滚动条操作大汇总

柔光的暖阳◎ 2023-02-20 02:15 355阅读 0赞

### 文章目录 ###

*  前言
 *  滑动到页面最底部
 *  滑动到页面最顶部
 *  上下滑动使元素和窗口底部对齐
 *  上下滑动使元素和窗口顶部对齐
 *  水平滑动到页面最右边
 *  水平滑动到页面最左边
 *  水平滑动滑块
 *  用按键来进行上下左右滑动

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FiY251bGw_size_16_color_FFFFFF_t_70]

# 前言 #

其实对于 selenium 操作浏览器而言大部分的滑动操作都可以使用 js 脚本完成，还有一些可以借助按键操作

# 滑动到页面最底部 #

((JavascriptExecutor) driver).executeScript("window.scrollTo(window.pageXOffset, document.body.scrollHeight)");

# 滑动到页面最顶部 #

((JavascriptExecutor) driver).executeScript("window.scrollTo(window.pageXOffset, 0)");

# 上下滑动使元素和窗口底部对齐 #

((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(false);", driver.findElement(by));

# 上下滑动使元素和窗口顶部对齐 #

((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);", driver.findElement(by));

# 水平滑动到页面最右边 #

((JavascriptExecutor)driver).executeScript("window.scrollTo(document.body.scrollWidth, window.pageYOffset)")

# 水平滑动到页面最左边 #

((JavascriptExecutor)driver).executeScript("0, window.pageYOffset)")

# 水平滑动滑块 #

对于滑动滑块可以这样去操作：

Action action = new Action(driver);
    action.clickAndHold(by).moveToElement(by2).release().build().perform();

# 用按键来进行上下左右滑动 #

这种方式用上下左右按键操作滑动，这里仅用向右滑动举例说明：

我们先点击页面中某个元素，然后用 action sendKey 左键和右键来实现左右滑动。其实这种写法对于上下滑动也是可以的

Action action = new Action(driver);
    driver.findElement(by).click();
    for (int i = 0; i < 10; i++) {
        
    	action.sendKeys(Keys.RIGHT).perform();
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FiY251bGw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200621230513595.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FiY251bGw=,size_16,color_FFFFFF,t_70