Headroom.js is a lightweight, high-performance JS widget that allows you to react to the user's scroll. (wicky.nillia.ms)
almost 10 years ago from Travis Vocino, Product Designer at Facebook
almost 10 years ago from Travis Vocino, Product Designer at Facebook
I think this would be a good solution for mobile because it works the same way that Safari mobile URL bar works, but I honestly would hate this UX for a desktop site. On a desktop site, I would rather the header just be thin and sticky to the top like Facebook, Twitter, etc. because then it's always there for me when I need it.
Actually I found that it doesn't look that nice on my iPhone... the problem is in fact the safari URL bar makes it jumpy.
I like this plugin, but I think if we're going to make a header disappear/reappear, it should be based on mouse position. If I move my mouse up there, then I can interact with the header.
Looks great! Interested in trying this out.
Anyone knows an JS widget that does the opposite? Show the nav bar when scrolling down?
Awesome!!
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now