Headroom

Stable Version 1.0.0 (OutSystems 10)
Published on 28 March 2017 by 
Created on 28 March 2017
Details
Give your pages some headroom. Hide your header until you need it.
Read More

What's it all about?


Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user's scroll. The header on this site is a living example, it slides out of view when scrolling down and slides back in when scrolling up.

Why use it?

Fixed headers are a popular approach for keeping the primary navigation in close proximity to the user. This can reduce the effort required for a user to quickly navigate a site, but they are not without problems…


Large screens are usually landscape-oriented, meaning less vertical than horizontal space. A fixed header can therefore occupy a significant portion of the content area. Small screens are typically used in a portrait orientation. Whilst this results in more vertical space, because of the overall height of the screen a meaningfully-sized header can still be quite imposing.

Headroom.js allows you to bring elements into view when appropriate, and give focus to your content the rest of the time.


Sample: https://martinsda.outsystemscloud.com/Headroom_Sample



Credits to:

http://wicky.nillia.ms/headroom.js/

What’s new (1.0.0)

Initial version

Reviews (0)
Category
UI & Widgets
Tags
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Daniel Martins who created this component.
Dependencies
Headroom has no dependencies.
Requirements
Platform
10.0.0.402
Database
All
Stack
All
Component Consumers
No consumers yet.
Weekly Downloads 
Related Components
Silk UI Web
OutSystems R&D
A fully responsive and beautiful UI framework that works within the OutSystems Platform. Build amazing looking applications, in a fraction of the time, which work perfectly across devices. Learn how to start using Silk UI and see the examples at silkui.outsystems.com . Obtain assistance on using Silk UI in our forums .
28592
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
2777
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
10077
More from Daniel Martins
Stagings
Staging Team
Displays the entire history of deployments performed through LifeTime. Uses the Platform SDK to get the list of deployments. Install it on your LifeTime environment.
141
FullBackgroundEffect
Daniel Martins
Fills a background image that covers the entire browser window at all times.
25
ProgressCircle
Henrique Batista
jQuery Plugin to draw animated circular progress bars
247