https://github.com/zerodevx/zero-navbar

DEPRECATED
https://github.com/zerodevx/zero-navbar

Last synced: about 1 month ago
JSON representation

DEPRECATED

• Host: GitHub
• URL: https://github.com/zerodevx/zero-navbar
• Owner: zerodevx
• License: mit
• Created: 2015-11-30T14:27:04.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2015-11-30T14:48:33.000Z (about 10 years ago)
• Last Synced: 2025-04-04T23:11:55.920Z (11 months ago)
• Language: HTML
• Homepage:
• Size: 42 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

          
v0.1.1

# ``

Auto-hiding top navigation bar. A Polymer 1.2+ web component to create a top

horizontal toolbar that reveals itself only when a quick upward scroll is

detected.

It's super lightweight, responsive and animated.

### Let's get this money

Use like:

```html

  zero-navbar {

    /* If not defined, header height defaults to 50px */

    height: 100px;

    background-color: blue;

  }

  

  

  

  
HOME

  
ABOUT

  
CONTACT


```

### Demo

Try [this](https://rawgit.com/zerodevx/zero-navbar/master/demo/demo.html).

### Published properties

| Property    | Type    | Description |

|-------------|---------|-------------|

| reveal      | Boolean | Set or get navbar reveal status. |

| shadow      | Boolean | Displays a drop-shadow effect under navbar. Defaults to false. |

| offset      | Number  | Starts the navbar only after document has been scrolled by distance of `offset` in px. |

| duration    | Number  | Duration of slide up/down animation in ms. Set to 0 to disable. Defaults to 500. |

| disableAuto | Boolean | Disables automatic reveal of the navbar when a fast upward scroll is detected. |

| sensitivity | Number  | Smaller to increase sensitivity, larger to decrease. Defaults to 100. |

### Version history

1. 2015-11-30: v0.1.0

  * Initial implementation.