NiceGUI: Always show main scrollbar
All notes in this series:
- (1) NiceGUI: Always show main scrollbar
- (2) NiceGUI: Show a confirmation popup
- (3) NiceGUI: File upload and download
- (4) FastAPI: Pretty print JSON
- (5) NiceGUI with Click, Poetry, auto-reload and classes
- (6) NiceGUI: tkinter error when updating pyplot
- (7) NiceGUI: Bind visibility to arbitrary value
- (8) NiceGUI: Change threshold for binding propagation warning
- (9) NiceGUI with async classes
In a NiceGUI application, it can be annoying if the main vertical scrollbar appears and disappears depending upon whether there is more content than fits in the screen. This issue is of course not unique to NiceGUI, but just part of how HTML styling works by default.
Fortunately the fix is well-known: you just need to add the CSS overflow-y: scroll; to the html or body element.
In NiceGUI, you can do this as follows:
ui.query("html").style("overflow-y: scroll;")