如何在Qt QWebEngine中实现旋钮控制页面滚动功能？

首先得指出你代码里的一个核心问题：不管旋钮向上还是向下，你都固定调用window.scrollTo(0,500)——这是绝对滚动到Y轴500的位置，如果页面已经处于这个位置，自然看不到任何滚动效果。你需要的是相对滚动，也就是基于当前位置上下偏移一定距离，这才符合旋钮控制的预期逻辑。另外，DuplicateHandle failed: Access is denied的错误大概率和你手动调用setFocus()有关，其实QWebEngineView在正常显示状态下，不需要手动设置焦点也能执行滚动操作，可以去掉这行试试。

下面给你两个可行的解决方案，按推荐度排序：

方案1：使用Qt原生API（最可靠） #

QWebEnginePage本身提供了原生的滚动控制方法，完全不需要依赖JavaScript，能避免JS上下文的各种潜在问题：

int WebView::previousDial = 0;

void WebView::onDialChanged(int value) {
    int diff = value - previousDial;
    previousDial = value;
    std::cout << diff << std::endl;

    const int scrollStep = 50; // 每次滚动的步长，可根据需求调整
    QPointF currentScrollPos = page()->scrollPosition();
    // 根据旋钮差值计算新的Y轴滚动位置
    qreal newY = currentScrollPos.y() + (diff > 0 ? scrollStep : -scrollStep);
    // 保持X轴位置不变，设置新的滚动坐标
    page()->setScrollPosition(QPointF(currentScrollPos.x(), newY));
}

这种方法完全贴合Qt的开发逻辑，不需要考虑页面加载状态、JS执行权限等问题，稳定性拉满。

方案2：修正JavaScript调用逻辑 #

如果你更倾向于用JS实现，只需要把scrollTo改成scrollBy（相对滚动API），并调整滚动逻辑：

int WebView::previousDial = 0;

void WebView::onDialChanged(int value) {
    int diff = value - previousDial;
    previousDial = value;
    std::cout << diff << std::endl;

    const int scrollDelta = diff > 0 ? 50 : -50; // 正向旋钮向下滚，反向向上滚
    // 用scrollBy实现基于当前位置的相对滚动
    page()->runJavaScript(QString("window.scrollBy(0, %1);").arg(scrollDelta));
}

额外问题说明 #

1. 为什么之前的JS代码没生效？
   • 除了scrollTo的绝对定位问题，如果页面还没完全加载完成就调用JS，也可能出现无响应的情况。你可以绑定loadFinished信号，确保页面加载完成后再处理滚动操作。
2. DuplicateHandle错误怎么解决？
   • 这个错误和QWebEngine的多进程架构有关，手动调用setFocus()可能干扰了内部进程通信，去掉这行代码后通常会自动消失。

完全不需要使用QWebChannel，也没必要考虑用Electron重写，Qt完全可以轻松实现这个功能，优先推荐方案1哦。

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