java - 如何在滚动视图中将按钮（小部件）保留在屏幕中？

Question

假设页面大小比屏幕大小（长度）长，我创建了一个按钮，如果我滚动页面向上按钮保持在屏幕向上，如果我向下滚动侧面按钮应该保持在屏幕底部。我是 GWT 的新手，我该如何获得帮助？

Answer 1

我也是 GWT 的新手，但在我看来，这更像是一个 CSS/HTML 属性问题，而不是直接的 GWT/JAVA/JS 问题，因为理想情况下，最终显示是通过 HTML/CSS 元素控制的。（使用 GWT 的对象的外观和感觉以及位置）

我发现了一个类似的问题，其中一些答案应该会有所帮助。

我会为这个按钮对象使用一个特定的面板，并给它一个唯一的 CSS 标签，这样它就停留在屏幕的底部，而不是（假设的）内容 div（s）标签。

希望这对您有所帮助或指出正确的方向。不过我喜欢你的想法。

类似的 StackOverFlow 问题

Answer 2

您可以同时使用 GWT 和 CSS。我将提供一些关于如何做到这一点的指示我将创建一个 css 类，但这会将其保持在页面顶部

.buttonStyle {
    position:fixed;
    top:0px;
}

或者使用 ScrollHandler，通过 Event 的属性进行数学运算，然后

Window.addWindowScrollHandler(new Window.ScrollHandler() {

    @Override
    public void onWindowScroll(ScrollEvent event) {
        // Check if the event is up or down change the style appropriately
        // If it is down you must check the window size and change the top attribute
        // of the Style as top = WindowSize - ButtonSize
        int windowHeight = Window.getClientHeight();
        int buttonHeight = btnWidget.getOffsetWidth();
        int newTop = windowHeight -buttonHeight;
        btnWidget.getElement().getStyle().setProperty("top", newTop +"px" );
    }
});