New to Kendo UI for Vue? Start a free 30-day trial
BottomNavigationPositionMode
Updated on Oct 31, 2025
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";