我正在使用QML组件WebEngineView,已经观察到,滚动条默认情况下是在WebEngineView中实现的,但是没有更改滚动条宽度的接口。在我无法使用滑动的用例中,这是必需的。我只能在WebEngineView的滚动条上使用鼠标拖动操作,以查看长度在视口区域之外的Web内容的所有隐藏部分。由于WebEngineView的滚动条大小(默认为15pix,非常小),很难在区域上精确拖动并使用鼠标拖动。

有人可以建议如何自定义WebEngineView的滚动条吗?

要么

我可以找到webengine源代码,然后针对此目的进行修改和构建?

要么

任何样式都可以应用于WebEngineView吗?

我正在使用Qt 5.6.2

Qt Webengine源代码观察:
QML Webengineview并未在内部设置任何滚动条宽度,而是使用了可能是chrome的后端滚动条。

最佳答案

WebEngineView使用来自Chromium后端的滚动条,并且没有QML或C ++ API直接对其进行自定义。但是,WebEngine支持在CSS中更改这些滚动条样式,因此,您唯一可以做的就是安装一个用户脚本,该脚本将在所有-webkit-scrollbar上应用更大的宽度。

请参阅以下相关示例:http://doc.qt.io/qt-5.10/qtwebengine-webenginewidgets-stylesheetbrowser-example.html

您的样式表可能如下所示:

::-webkit-scrollbar {
  width: 40px;
}

07-28 01:32
查看更多