JavaFX Webview：滚动条重叠的内容

Question

使用JavaFX Webview时，滚动条与内容重叠，可能会隐藏控件等。

我在JavaFX 11、13、14和15的早期访问中进行了测试，并且都存在相同的问题。

如何做到这一点，以便滚动条不会阻止内容？

这里是一个简短的花絮：

package com.company;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.VBox;
import javafx.scene.web.WebView;
import javafx.stage.Stage;

public class Main extends Application {
    public static void main(String[] args) { launch(args); }

    public void start(Stage primaryStage) {
        WebView webView = new WebView();
        webView.getEngine().load("https://mdbootstrap.com/docs/jquery/modals/basic/");

        VBox vBox = new VBox(webView);
        Scene scene = new Scene(vBox, 960, 600);

        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

Webview： Chrome： Firefox： Edge：

Answer 1

我建议您使用ScenicView-这是一个很棒的工具。类似的问题对我很有帮助。

如下图所示，ScrollBar是WebView的一部分。有趣的是，当您从元素列表中选择ScrollBarWidget之一时，似乎选择了其他内容在左侧甚至不可见（第二张图像）。

（点击它们放大）

Dreen，已经发布了此问题的解决方案here-别忘了给他投反对票！

我可以将其标记为重复项，但是我想指出几件事，并且不能在此处发布新的答案。

[第一件事是显示两个不可见的ScrollBarWidgets-我不确定这是一个旧错误，一个新错误还是一个功能-因为我没有使用过WebView这个东西。

第二件事是您应该为此创建另一个.css文件，因为应用程序的body与body的WebView是分开的。

最后但并非最不重要的一点，我建议第二种设置样式表的方法-至少对我来说-第一种方法永远无法真正起作用（我使用IntelliJ IDEA）。

希望这会有所帮助。