JavaFX Webview 滚动条重绘问题答案

【问题标题】：JavaFX Webview scrollbar redraw issuesJavaFX Webview 滚动条重绘问题
【发布时间】：2013-05-07 04:04:56
【问题描述】：

我正在使用 JavaFX Webview 在我的 Swing 应用程序中显示一些 Web 内容。 Webview 可以很好地显示页面，除了它有一个小错误，即 Webview 滚动条区域在调整大小时未正确重绘。见图片。

如果我调整所有者 JFXPanel 的大小，这种情况偶尔会发生。我正在使用来自NetBeansTutorial 的事实上的 SwingInterops 演示。这是一个已知的问题？如果是这样，有没有办法解决它？

谢谢

...艾伦

【问题讨论】：

标签： netbeans webview javafx

【解决方案1】：

经过更多研究，我找到了一个使用 Webview 的 CSS 文件的可行解决方案。

final WebView webview = ...;

File f = new File("$SOME_PATH\custom.css");
try {
    webview.getEngine().setUserStyleSheetLocation(f.toURI().toURL().toString());
} catch (MalformedURLException ex) {
    // not important here
}

Custom.css 文件哪里有这个内容，

body {
    overflow-x: hidden;
    overflow-y: hidden;
}
::-webkit-scrollbar {
    width: 16px;
}
::-webkit-scrollbar-track  {
    background-color: white;
}

正如Remove The ScrollBar in the WebView Javafx 所建议的那样，我认为overflow-x/y 属性本身就足以隐藏滚动条，但除非webkit-scrollbar 属性也存在，否则它不起作用。我不明白解决方案，但它消除了绘图问题。

我在 Win7 上使用 JavaFX 2.2、JDK 7u21 x64。

【讨论】：