Java Selenium如何实现滚动到指定元素？附已有点击元素代码参考

你可以通过Selenium提供的JavascriptExecutor执行浏览器原生滚动逻辑，复用现有元素筛选逻辑即可实现需求，以下是完整实现：

public class LandingPage extends BasePage {

  public LandingPage(WebDriver webDriver) {
    super(webDriver);
  }

  By cardBody = By.className("card-body");

  public void clickCard(String cardName) {
    List<WebElement> elements = webDriver.findElements(cardBody);
    click(
        elements.stream()
            .filter(element -> element.getText().equalsIgnoreCase(cardName))
            .collect(Collectors.toList())
            .get(0));
  }

  // 新增滚动到指定卡片的方法
  public void scrollToCard(String cardName) {
    // 筛选获取目标元素，找不到直接抛出异常方便排查
    WebElement targetCard = webDriver.findElements(cardBody)
        .stream()
        .filter(element -> element.getText().equalsIgnoreCase(cardName))
        .findFirst()
        .orElseThrow(() -> new RuntimeException("未找到匹配的卡片: " + cardName));
    
    // 执行滚动，兼容性最高的实现方案
    JavascriptExecutor jsExecutor = (JavascriptExecutor) webDriver;
    // 参数为true时元素顶部对齐视口顶部，改为false则元素底部对齐视口底部
    jsExecutor.executeScript("arguments[0].scrollIntoView(true);", targetCard);
  }
}

可选调整说明：

• 如果你使用Selenium 4及以上版本，也可以用更简洁的Actions API实现滚动，替换上面的Javascript执行部分即可：

new Actions(webDriver)
    .scrollToElement(targetCard)
    .perform();

• 部分场景下如果需要留一定的顶部边距，可修改JS逻辑调整滚动位置，比如arguments[0].scrollIntoView({block: 'center'})可以让元素滚动到视口中间位置。

内容的提问来源于stack exchange，提问作者BruceyBandit