New to KendoReact? Learn about KendoReact Free.
BottomNavigationPositionMode
Specifies the position and behavior of the BottomNavigation when the page is scrolled (see example).
The possible values are:
fixed
(Default) — The BottomNavigation always stays at the bottom of the viewport, regardless of the page scroll position.sticky
— Positions the BottomNavigation based on the user's scroll position. A sticky element toggles between
static and fixed CSS position
property, depending on the scroll position.
It is positioned static until a given offset position is met in the viewport - then it "sticks" in place like fixed
positionMode.
type
BottomNavigationPositionMode = "sticky" | "fixed";