Как сохранить кнопку (виджет) в экране в режиме прокрутки?

Question

Предположим, что размер страницы больше, чем размер экрана (длина), я создал одну кнопку, если я прокручиваю верхнюю кнопку страницы, держусь на экране вверх, и если я прокручиваю вниз, то кнопка внизу должна оставаться внизу. Я новичок в GWT, как я могу получить, помогите мне?

Answer 1

Я новичок в GWT, но из-за того, что мне кажется, это скорее проблема атрибута CSS/HTML, чем прямая проблема GWT/JAVA/JS, так как в идеале окончательный дисплей контролируется с помощью элементов HTML/CSS. (Внешний вид и положение ваших объектов с GWT)

Я нашел аналогичный вопрос с несколькими ответами, которые должны помочь.

Я бы использовал определенную панель для этого объекта кнопки и присвоил ей уникальный тег CSS, чтобы он оставался в нижней части экрана, но не с (предполагающими) тегами div (ов) контента.

Надеюсь, это поможет вам в правильном направлении. Мне нравится твоя идея.

Similar StackOverFlow Question

Answer 2

Вы можете использовать как GWT и CSS. Я приведу некоторые указатели о том, как вы могли бы сделать это Я хотел бы создать класс CSS, но это будет держать его в верхней части страницы

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

Или использовать ScrollHandler, делать математику с помощью свойств Мероприятие и

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