2 repositorios
Techniques for moving elements outside the visible browser window using absolute positioning and transforms.
Distinct from Absolute Positioning: Distinct from Absolute Positioning: specifically focuses on hiding elements outside the viewport for side-menu patterns rather than precise layout coordinates.
Explore 2 awesome GitHub repositories matching user interface & experience · Off-Screen Viewport Positioning. Refine with filters or upvote what's useful.
okayNav is a JavaScript library for creating responsive navigation menus that automatically collapse into off-screen sidebars based on viewport width. It functions as a viewport-aware UI component that recalculates the distribution of visible and hidden navigation links as the browser window resizes. The framework distinguishes itself by providing a swipe-enabled system for opening and closing mobile menus using touch gestures with adjustable sensitivity. It also allows for programmatic control over the visibility of navigation drawers to trigger menus based on specific user actions.
Hides the navigation menu by positioning it outside the visible viewport using CSS transforms.
Fixed-nav is a client-side JavaScript library for building responsive, touch-friendly navigation menus on single-page websites. It pins navigation bars to the screen viewport so control interfaces remain persistently accessible as users scroll through long content. The library automatically monitors scroll positions against document boundaries to highlight active section indicators in real time. When navigation links are selected, it animates viewport transitions to target sections using hardware-accelerated timing functions instead of abrupt jumps. Additional capabilities include dimming ba
Pins navigation bars to the screen viewport so control interfaces remain persistently accessible while scrolling.