方法原理：

    （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 some

        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 some 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 some 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 some 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 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>

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;

    @Before

    public void setUp(){

        //login

        System.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>() {

                @Override

                public 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();

        }

    }

    @Test

    public void testLogic(){

    }

    @After

    public void tearDown(){

        if(driver!=null){

            driver.quit();

        }

    }

}

使用selenium控制滚动条（非整屏body）的更多相关文章

  1. Java&Selenium控制滚动条方法封装

    Java&Selenium控制滚动条方法封装 package util; import org.openqa.selenium.JavascriptExecutor; import org.o ...

  2. BDD测试之selenium控制滚动条

    一.对于页面存在滚动条,可以通过插入JS控制滚动条(最常用的方法) (1)将滚动条移动到指定坐标位置处 ((JavascriptExecutor) driver).executeScript(&quo ...

  3. selenium执行JavaScript语句：控制滚动条 聚焦元素 改变下拉选项

    1. 执行js脚本 控制滚动条 # http://www.cnblogs.com/yoyoketang/p/6128655.html In [347]: js = "window.scrol ...

  4. 通过selenium控制浏览器滚动条

    目的:通过selenium控制浏览器滚动条 原理:通过 driver.execute_script()执行js代码,达到目的 driver.execute_script("window.sc ...

  5. 【转】selenium技巧 - 通过js来控制滚动条，通过xpath定位最上层的div层

    http://blog.csdn.net/iceryan/article/details/8162703 业务流程:   1.打开此网页 http://nanjing.xiaomishu.com/sh ...

  6. Selenium系列（22） - 通过selenium控制浏览器滚动条的几种方式

    如果你还想从头学起Selenium,可以看看这个系列的文章哦! https://www.cnblogs.com/poloyy/category/1680176.html 其次,如果你不懂前端基础知识, ...

  7. [Python爬虫] 之五：Selenium 处理滚动条

     selenium并不是万能的,有时候页面上操作无法实现的,这时候就需要借助JS来完成了. 当页面上的元素超过一屏后,想操作屏幕下方的元素,是不能直接定位到,会报元素不可见的.这时候需要借助滚动条来拖 ...

  8. CSS 控制滚动条样式

    /*作为IT界最前端的技术达人,页面上的每一个元素的样式我们都必须较真,就是滚动条我们也不会忽略.下面我给大家分享一下如何通过CSS来控制滚动条的样式,代码如下:*/ 1 /*定义滚动条轨道*/ #s ...

  9. delphi 发送消息控制滚动条

    1.Perform 函数 DBGrid1.Perform(WM_VSCROLL,SB_PAGEDOWN,0);  //控制滚动条,向后翻页 DBGrid1.Perform(WM_VSCROLL,SB_ ...

随机推荐

  1. flag--命令行参数定义多标签示例

    // TestFlag2 project main.go package main import ( "flag" "fmt" ) func main() { ...

  2. 数据库FMDB-sql

    1.首先要先导入第三方类库FMdatabase. 2.获得存放数据库文件的沙盒地址. #pragma mark - 创建数据库 - (void)createAndInitDatabase { NSSt ...

  3. 用HttpWebRequest提交带验证码的网站

    using System; using System.Drawing; using System.IO; using System.Net; using System.Text; using Syst ...

  4. MSSQL sp_helptextplus

    默认的sp_helptext 如果存储过程每行代码太长会自动截断 把这个sp_helptextplus添加到SSMS的keyboard快捷键里面 SET QUOTED_IDENTIFIER ON SE ...

  5. EM算法（1）：K-means 算法

    目录 EM算法(1):K-means 算法 EM算法(2):GMM训练算法 EM算法(3):EM算法运用 EM算法(4):EM算法证明 EM算法(1) : K-means算法 1. 简介 K-mean ...

  6. Web API的Log问题

    建立了一个Web API项目,在WebApiConfig.cs中已经启用了Tracing. config.EnableSystemDiagnosticsTracing(); 同时web.config中 ...

  7. iOS 解压打包静态库命令

    p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Hannotate SC" } p.p2 { margin: 0.0px ...

  8. Python 2.7_初试连接Mysql查询数据导出到excel_20161216

    由于每天到公司都需要先执行一遍检测操作,观察数据是否导入完整,今天想到能否自动连接Mysql执行SQL并导出数据,每天到公司直接查看excel文件即可 时间紧,代码初次试验,边摸索边学习吧. xlsx ...

  9. html5的选择器

    <body> <p class="aa">aaa</p> <p class="bb">bbb</p> ...

  10. Sql Server中不常用的表运算符之APPLY(2)

    在Sql Server中不常用的表运算符之APPLY(1)中提到,SQL2005中新支持的APPLY的特性:1.可以直接将表表达式(表值函数或者子查询)作为APPLY语句的右表连接左表.2.由于使用A ...