如何实时重载AJAX驱动页面无需回到顶部重新开始滚动？

安全阿岳

2026-10-7

针对Selenium Java + Firefox 场景的解决方案

核心逻辑是重载页面前先记录当前浏览位置，重载完成后自动跳转回该位置，有两种常用实现方案：

方案1：基于滚动像素偏移实现

适用场景：页面重载后整体高度变化不大的站点，实现逻辑简单
代码示例：

// 1. 重载前获取当前滚动偏移量
JavascriptExecutor js = (JavascriptExecutor) driver;
Long scrollOffset = (Long) js.executeScript("return window.pageYOffset;");

// 2. 执行页面重载
driver.navigate().refresh();

// 3. 等待页面加载完成，可根据站点特性调整等待条件
new WebDriverWait(driver, Duration.ofSeconds(10)).until(
    webDriver -> js.executeScript("return document.readyState").equals("complete")
);

// 4. 滚动回之前记录的位置
js.executeScript("window.scrollTo(0, arguments[0]);", scrollOffset);

方案2：基于锚定元素实现（更稳定）

适用场景：内容更新频繁的AJAX站点，不受页面整体高度变化影响，定位精度更高
代码示例：

JavascriptExecutor js = (JavascriptExecutor) driver;
// 1. 重载前取视口左上角10px位置的元素作为锚点
WebElement anchorElement = (WebElement) js.executeScript(
    "return document.elementFromPoint(10, 10);"
);
// 记录元素的唯一标识，优先用id、自定义属性，无唯一标识也可提前生成元素的绝对CSS选择器
String anchorId = anchorElement.getAttribute("id");

// 2. 重载页面、等待加载完成逻辑同上
driver.navigate().refresh();
new WebDriverWait(driver, Duration.ofSeconds(10)).until(
    webDriver -> js.executeScript("return document.readyState").equals("complete")
);

// 3. 找到锚点元素后滚动到对应位置
if (anchorId != null && !anchorId.isBlank()) {
    WebElement targetAnchor = driver.findElement(By.id(anchorId));
    js.executeScript("arguments[0].scrollIntoView(true);", targetAnchor);
}