nonscrolling

Nonscrolling is a term used to describe a design approach in which a user interface or content region is fixed and does not scroll in response to user input. In nonscrolling designs, the visible content area remains static, and navigation between information is achieved through pagination, panels, modals, or other controls rather than by moving content within a scrollable canvas. This approach is often employed to maintain context, reduce motion, or create a particular narrative or kiosk experience.

Implementation typically relies on layout and interaction constraints rather than on natural page scrolling. In web contexts, nonscrolling can be achieved by disabling the document’s scroll behavior (for example, via CSS overflow: hidden or through JavaScript event handling) and by keeping key elements fixed (such as headers or sidebars) with position: fixed or sticky positioning. Some presentations use full-screen slides with explicit navigation.

Common use cases include information kiosks, product tours, immersive storytelling experiences, and dashboards where a fixed frame supports constant controls. Nonscrolling can enhance readability of headings and navigation, reduce accidental scrolling, and provide a stable coordinate reference. However, it often limits access to long-form content and may require additional accessibility considerations.

Accessibility and device considerations are important. Users relying on screen readers, keyboards, or assistive technologies may expect scrollable regions or explicit, accessible pagination. Designers should ensure meaningful focus order, and provide alternatives for long content. As with any interface constraint, nonscrolling should be chosen when it serves the user’s tasks and context.