Directory

← Back

ScrollablePanel Add-on

Layout component that controls the scroll position of it's content

Author

Contributors

Rating

The ScrollablePanel is a SingleComponentContainer which lets you control the scroll position of its content:

  • get/set the scroll position in server-side
  • scroll event listener on server-side
  • by default no theme, captions etc.

Style-CSS-Class: v-scrollable-panel

Sample code

// Initialize the scroll panel with a inner component bigger than the available space
final ScrollablePanel scrollablePanel = new ScrollablePanel(scrollContent);
scrollablePanel.setSizeFull();

scrollablePanel.setScrollTop(100); // set some vertical scroll position

// add a scroll listener
scrollablePanel.addScrollListener(new ScrollListener() {

    @Override
    public void onScroll(final ScrollEvent event) {
        Notification.show("Scrolled: " + event.getScrollData().toString());
    }
});

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Released
2017-07-21
Maturity
BETA
License
MIT License

Compatibility

Framework
Vaadin 8.0+
Vaadin 7.4+ in 1.0.2
Browser
Firefox
Opera
Safari
Google Chrome
Internet Explorer
Internet Explorer
Internet Explorer
Online