使用selenium控制滚动条（非整屏body）

方法原理：

（1）使用jQuery CSS 操作 - scrollTop() 方法，设置 <div> 元素中滚动条的垂直偏移，语法：$(selector).scrollTop(offset)；

（2）若要控制滚动条水平偏移，请使用方法scrollLeft()，语法：$(selector).scrollLeft(offset)；

其中selector表示选择器，offset表示偏移量。

样例页面MyJsp.jsp：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'MyJsp.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page"><script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){$(".btn1").click(function(){$("#test div").scrollTop(100);});$(".btn2").click(function(){alert($("div").scrollTop()+" px");});
});
</script>
</head><body><div id="test"><div style="border:1px solid black;width:200px;height:200px;overflow:auto">This is some text. This is some text. This is some text. This is sometext. This is some text. This is some text. This is some text. This issome text. This is some text. This is some text. This is some text.This is some text. This is some text. This is some text. This is sometext. This is some text. This is some text. This is some text. This issome text. This is some text. This is some text. This is some text.This is some text. This is some text. This is some text. This is sometext. This is some text. This is some text. This is some text. This issome text. This is some text. This is some text. This is some text.This is some text. This is some text. This is some text.</div></div><button class="btn1">把 scroll top offset 设置为 100px</button><br /><button class="btn2">获得 scroll top offset</button></body>
</html>

View Code

selenium代码：

本例中仅控制滚动条垂直移动

import org.junit.After;
import org.junit.Before;
import org.junit.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.TimeoutException;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.ie.InternetExplorerDriver;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;public class TestScroll {private WebDriver driver;@Beforepublic void setUp(){//loginSystem.setProperty("webdriver.ie.driver", "C:\\Program Files (x86)\\Internet Explorer\\IEDriverServer.exe");driver = new InternetExplorerDriver();String url = "http://localhost:8080/test/MyJsp.jsp";　　　　　//l打开测试页面driver.get(url);WebDriverWait wait = new WebDriverWait(driver, 5);try {WebElement webElement = wait.until(new ExpectedCondition<WebElement>() {@Overridepublic WebElement apply(WebDriver webDriver) {return webDriver.findElement(By.id("test"));}});if(webElement==null){System.out.println("页面还未加。。。。");}else{System.out.println("页面加载完成~~~~~~~~~~~");JavascriptExecutor js = (JavascriptExecutor)driver;　　　　　　　　　　//执行js脚本，控制滚动条滚动js.executeScript("$('#test div').scrollTop(100);");Thread.sleep(10000);}} catch (TimeoutException e) {System.out.println("打不开链接。。。。。");e.printStackTrace();} catch (InterruptedException e) {e.printStackTrace();}}@Testpublic void testLogic(){}@Afterpublic void tearDown(){if(driver!=null){driver.quit();}}}

转载于:https://www.cnblogs.com/splvxh/p/4234043.html

使用selenium控制滚动条（非整屏body）相关推荐

爬虫之selenium控制浏览器执行js代码
爬虫之selenium控制浏览器执行js代码 selenium可以让浏览器执行我们规定的js代码,运行下列代码查看运行效果 import time from selenium import webdr ...
[Python爬虫] 之五：Selenium 处理滚动条
selenium并不是万能的,有时候页面上操作无法实现的,这时候就需要借助JS来完成了. 当页面上的元素超过一屏后,想操作屏幕下方的元素,是不能直接定位到,会报元素不可见的.这时候需要借助滚动条来拖 ...
div横向滚动条_14. Selenium 处理滚动条
Selenium 处理滚动条 selenium并不是万能的,有时候页面上操作无法实现的,这时候就需要借助JS来完成了当页面上的元素超过一屏后,想操作屏幕下方的元素,是不能直接定位到,会报元素不可见的 ...
python滚动条翻页爬取数据_Python网络爬虫之Selenium 处理滚动条【第十四节】
Selenium 处理滚动条selenium并不是万能的,有时候页面上操作无法实现的,这时候就需要借助JS来完成了当页面上的元素超过一屏后,想操作屏幕下方的元素,是不能直接定位到,会报元素不可见的. ...
android控制滚动条滚动
android控制滚动条滚动运行结果: 主Activity: public class MainActivity extends Activity { private RelativeLayout ...
Windows平台下使用Active Directory对Subversion进行权限控制（非完美解决方案）
Windows平台下使用Active Directory对Subversion进行权限控制(非完美解决方案) Windows平台下使用Active Directory对Subversion进行权限控制 ...
js设置控制滚动条位置
js设置控制滚动条位置注意:scrollLeft,scrollTop是加在容器上,不是加载滚动的内容上. 使用: scrollLeftOffset: function () {$('.time- ...
html滚动条怎么置顶,js控制滚动条到最底端(置底)和最顶端(置顶)
滚动条样式: body { SCROLLBAR-FACE-COLOR: #f892cc; SCROLLBAR-HIGHLIGHT-COLOR: #f256c6; SCROLLBAR-SHADOW-CO ...
使用Selenium控制已打开的浏览器和网页
使用Selenium控制已打开的浏览器和网页之前遇到一个需求,就是需要登录某一个网站然后需要通过selenium从网页上自动获取一些信息:该网站需要通过手机验证码登录,通过selenium自动化登录 ...

使用selenium控制滚动条（非整屏body）

使用selenium控制滚动条（非整屏body）相关推荐

最新文章

热门文章