Selenium：使用Actions类的水平滚动

Question

我已尝试通过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();`

提前致谢！！！

Answer 1

我已经在下面指定的网站上测试了你的情节，水平和垂直滚动。

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

元素内部垂直滚动«

• Selenium 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);

@看到

• Page scroll

Answer 2

使用以下线条从左向右滚动

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

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

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

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