New to KendoReact? Learn about KendoReact Free.
BottomNavigationPositionMode
Updated on Oct 31, 2025
Specifies the BottomNavigation position and behavior 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";