Selenium+java - 操作滚动条

发布时间：2020-12-14 14:38:48 所属栏目：百科来源：网络整理

导读：前言在写脚本时，总会遇到一种情况，就是当滚动拉倒最下面了，表单或者下拉框、按钮这些元素未在当前页面展示，而webdriver提供的方法都是操作当前页面可见的元素，这时我们使用JavaScript操作浏览器的滚动条，滚动后使页面元素可见，就可完成后面的元素操

前言

在写脚本时，总会遇到一种情况，就是当滚动拉倒最下面了，表单或者下拉框、按钮这些元素未在当前页面展示，而webdriver提供的方法都是操作当前页面可见的元素，这时我们使用JavaScript操作浏览器的滚动条，滚动后使页面元素可见，就可完成后面的元素操作了。

核心思路：

就是使用js去控制浏览器滚动条的位置，在使用selenium调用JavaScript操作js完成。

下面举例几种常用滚动条的js代码示例如下：

//拖动滚动条至底部
document.documentElement.scrollTop=10000
window.scrollTo(0,document.body.scrollHeight)

拖动滚动条至顶部
document.documentElement.scrollTop=0
arguments[0].scrollIntoView(false);

左右方向的滚动条可以使用window.scrollTo(左边距，上边距)方法
window.scrollTo(200,1000)

实际案例

以博客园我的文章列表页为例，来演示滚动条操作，具体代码如下：

 /**
     * 滚动条操作案例
     *
     * @throws Exception
     */
    @Test
    public void testScroll() throws Exception {
        driver.manage().window().maximize();
        driver.get("https://www.cnblogs.com/longronglang");
        Thread.sleep(1000);
        获取第三篇文章列表元素
        WebElement element = driver.findElement(By.cssSelector(".forFlow .day:nth-of-type(2) .postTitle2"));
        Thread.sleep(2000将页面滚动条拖到底部
        ((JavascriptExecutor) driver).executeScript("window.scrollTo(0,document.body.scrollHeight)"将滚动条滚动至第三篇文章列表位置
        ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(true);"将滚动条滚动到顶部
        ((JavascriptExecutor) driver).executeScript("arguments[0].scrollIntoView(false);"将滚动条滚动到指定位置
        ((JavascriptExecutor) driver).executeScript("window.scrollTo(200,1000)");
    }

以上为个人总结的一些关于滚动条操作的常用方法，更多关于js去控制滚动条的方法，有兴趣的同学可以自行尝试，这里仅提供个思路参考，如果觉得文章好，记得关注我哦！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!