Vue Fixed Header


Simple and cross-browser friendly fixed header component for Vue.js.



Install

``bash
yarn add vue-fixed-header
`

Usage

$3

`html



`

$3

The Vue Fixed Header always assigns the vue-fixed-header CSS class to the slot's root element.
Also, when matching the fixed condition, we give the vue-fixed-header - isFixed CSS class.
These can also be changed with headerClass prop and fixedClass prop.

Props

$3

The threshold value for determining the scroll state.

`html



``

$3

CSS class for fixed-header root Element.
It is always attached to fixed header root Element.

- type: String,
- required: false
- default: 'vue-fixed-header'

$3

CSS class for fixed header.
When fixed-header position is relative, it removed to DOM Element.
When fixed-header position is fixed, it added to DOM Element.

- type: String
- required: false
- default: 'vue-fixed-header--isFixed'

License

MIT © potato4d

Contributors

Thanks goes to these wonderful people (emoji key):

HANATANI Takuma 💻 🐛 📖 💡 💬 👀

EGOIST 🔧

Johnny Cavalcante 🐛

James Wright 🐛

Sid ⚠️

André Van Dal 💻

Patrik 🐛

This project follows the all-contributors specification. Contributions of any kind welcome!