1

我已经尝试通过 Selenium 操作以及 Javascript Executor 在我的网页上访问这个自定义滚动条。滚动条仅滚动 500 像素，而实际上我希望它滚动整个宽度。任何帮助表示赞赏。以下是我当前的代码片段： 

 WebElement slider = element("slider_div");
 WebElement scrollbar = element("scrollbar");
 int w = slider.getSize().getWidth();
 Actions move = new Actions(driver);
 move.dragAndDropBy(e, offset, 0).build() .perform();

我也尝试了以下解决方案，但仍然没有成功：

WebElement slider = element("slider_div");
WebElement scrollbar = element("scrollbar");
int w = slider.getSize().getWidth();
clickByJavascript(slider);
Actions action = new Actions(driver); 
action.sendKeys(Keys.RIGHT).build().perform();`

提前致谢！！！

4

2 回答 2

2

我已经在下面指定的站点上使用水平和垂直滚动测试了您的场景。

测试网址 « https://trello.com/b/LakLkQBW/jsfiddle-roadmap;

元素内垂直滚动 «

  • 硒java：

    WebElement element = driver.findElement(By.xpath("//div[@id='board']/div[1]/div[1]/div[2]") );
for (int i = 0; i < 5; i++) {
    jse.executeScript("arguments[0].scrollTop += 200;", element);
}

  • javascript |jquery：

    var objDiv = $x("//div[@id='board']/div[1]/div[1]/div[2]")[0];
console.log( objDiv );

objDiv.scrollTop += 100; 
//objDiv.scrollTop = objDiv.scrollHeight;

元素内横滚 «

  • Java 动作类

    WebElement horizontalbar = driver.findElement(By.id("board") );
Actions action = new Actions(driver);

Actions moveToElement = action.moveToElement( horizontalbar );
for (int i = 0; i < 5; i++) {
    moveToElement.sendKeys(Keys.RIGHT).build().perform();
}

滚动直到元素出现。

  • javascript 

    public void scroll_Till_Element(String id) {
    WebElement element = driver.findElement(By.id( id ) );
    jse.executeScript("arguments[0].scrollIntoView(true);", element);
}

滚动到页面末尾。

public void scrollPage() throws InterruptedException {
    driver.get("https://stackoverflow.com/q/33094727/5081877");

    Actions actions = new Actions(driver);
    WebElement element = driver.findElement(By.xpath("//body") );
    Actions scrollDown = actions.moveToElement( element );
    scrollDown.keyDown(Keys.CONTROL).sendKeys(Keys.END).build().perform();
    //jse.executeScript("window.scrollTo(0, document.body.scrollHeight)");

    Thread.sleep( 1000 * 4 );

    /*Actions scrollUP = actions.moveToElement( element );
    scrollUP.keyDown(Keys.CONTROL).sendKeys(Keys.HOME).build().perform();*/
    jse.executeScript("window.scrollTo(0, -document.body.scrollHeight)");

    scroll_Till_Element( "answer-33142037" );
}

对于 javascript，您可以使用其中任何一种。

window.scrollBy(0,800);
window.scrollTo(0, -document.body.scrollHeight);
scroll(0, -document.body.scrollHeight);

@看

于 2017-10-31T14:52:00.217 回答
0

使用下面的线条从左到右滚动

((JavascriptExecutor) driver).executeScript("window.scrollBy(500000, 0)");

要从右向左滚动，请使用以下行：

((JavascriptExecutor) driver).executeScript("window.scrollBy(-500000, 0)");

这将完全向左或向右滚动，因为 (50000) 是覆盖页面的一个非常大的值

于 2017-11-01T11:55:33.930 回答