https://github.com/g105b/elegant-header

My take on the scroll-up-to-reveal website header
https://github.com/g105b/elegant-header

Last synced: 21 days ago
JSON representation

My take on the scroll-up-to-reveal website header

• Host: GitHub
• URL: https://github.com/g105b/elegant-header
• Owner: g105b
• License: mit
• Created: 2014-08-21T10:27:33.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2014-08-21T17:09:45.000Z (about 10 years ago)
• Last Synced: 2024-10-18T11:53:52.809Z (about 1 month ago)
• Language: JavaScript
• Size: 156 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
elegant-header

==============

My take on the scroll-up-to-reveal website header

662 bytes gzipped (1.56KB uncompressed)

Features

--------

* [x] Adds a 'padding' element adjacent to the original header element, with identical height.

* [x] Sets the original header's position to `fixed`.

* [x] Moves the `top` offset of the header in relation to the scroll amount.

* [x] Fades the header out as it is hidden.

* [x] Adds a subtle box shadow when the header is displayed anywhere other than its original location at the top of the page.

* [x] Uses a timeout to cancel any half-scrolled headers after a second or two.