How to use overflow, scrolling, and clipping.
uikit handles clipping and scrolling out of the box by specifying overflow="scroll"
or overflow="hidden"
on any UI element.
However, it is required to configure three.js to support visual clipping, which is done via
<Canvas gl={{ localClippingEnabled: true }}>
If a Container
component uses overflow="scroll"
, the onScroll
event is called when the user scrolls through their scroll wheel or touching. onScroll
receives the new x
and y
coordinates for the scroll position, the signal containing the current scrollPosition
, and the optional event that caused the scrolling. The listener passed to onScroll
can return false
to prevent setting the new x
and y
scroll position.
uikit renders scrollbars if the content overflows an element that has the property overflow="scroll"
. The scrollbar can be styled similarly to the background panel of any component via the following properties.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4