Need help with vue-fixed-header?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

potato4d
144 Stars 14 Forks MIT License 617 Commits 3 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

# 39,921
Nuxt.js
HTML
nuxt-mo...
nuxtjs
136 commits
# 74
netlify
TypeScr...
GraphQL
angular...
121 commits
# 4,917
Babel
framewo...
appcach...
Sass
3 commits
# 110,149
Vue.js
vue-tes...
javascr...
vuejs
1 commit
# 518,220
PHP
Shell
Vue.js
vue-com...
1 commit
# 297,661
zsh-plu...
Shell
zsh-plu...
HTML
1 commit
# 454,344
Nuxt.js
image-o...
nuxtjs
CSS
1 commit
# 8,780
reasonm...
Svelte
kcd-edu
fish-sh...
1 commit
# 645,828
JavaScr...
Vue.js
vue-com...
TypeScr...
1 commit

Vue Fixed Header

code style: prettier donate: Patreon License: MIT NPM version All Contributors NPM downloads codecov

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

Image from Gyazo

Edit vue-fixed-header demo

Install

yarn add vue-fixed-header

Usage

Use in Single File Component



Attach classes

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

threshold: number

The threshold value for determining the scroll state.



headerClass

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

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

fixedClass

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!

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.