Selenium Java如何实现指定div的滚动操作且不触发页面跳转

核心实现逻辑是直接通过Selenium内置的JavascriptExecutor调用DOM原生滚动属性操作目标div，完全不需要设置焦点或触发元素点击，不会触发页面跳转事件。

实现步骤 #

1. 定位左侧可滚动div #

首先通过常规元素选择器定位到你需要操作的左侧带滚动条的div：

// 替换为实际的div定位规则，支持id、class、xpath等所有Selenium原生选择器
WebElement leftScrollDiv = driver.findElement(By.id("left-scroll-container"));

2. 按需选择滚动操作 #

初始化JavascriptExecutor后，根据需求选择对应滚动逻辑：

• 滚动到div最底部

JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].scrollTop = arguments[0].scrollHeight", leftScrollDiv);

• 滚动到div最顶部

JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].scrollTop = 0", leftScrollDiv);

• 按指定像素滚动

JavascriptExecutor js = (JavascriptExecutor) driver;
// 数值为正向下滚动，为负向上滚动，示例为向下滚动400px
js.executeScript("arguments[0].scrollTop += 400", leftScrollDiv);

• 滚动到div内部指定子元素位置（无需点击子元素）

// 仅定位子元素，不会触发点击事件
WebElement targetItem = leftScrollDiv.findElement(By.xpath(".//div[@class='target-item']"));
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].scrollTop = arguments[1].offsetTop", leftScrollDiv, targetItem);

补充说明 #

如果滚动后有异步加载的内容，可在执行滚动脚本后添加显式等待，等待目标内容渲染完成后再执行后续操作。

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