Question

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

Answer 1

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

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

我会使用某个Panel作为此按钮对象，并为其提供一个唯一的CSS标记，因此它保留在屏幕的底部，但不包含（假设的）内容div（s）标记。

希望这有助于或指向正确的方向。我喜欢你的想法。

Similar StackOverFlow Question

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" );
    }
});

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

2 个答案: