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
156 Stars 14 Forks MIT License 676 Commits 11 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

# 43,091
Nuxt.js
HTML
nuxt-mo...
nuxtjs
136 commits
# 24
netlify
TypeScr...
Nest
GraphQL
131 commits
# 5,476
framewo...
appcach...
service...
Sass
3 commits
# 285,647
Vue.js
HTML
vue-tes...
javascr...
1 commit
# 518,688
PHP
JavaScr...
Shell
Vue.js
1 commit
# 297,339
JavaScr...
HTML
Vue.js
zsh-plu...
1 commit
# 437,197
JavaScr...
Vue.js
vue-com...
HTML
1 commit
# 8,236
reasonm...
Svelte
fish-sh...
cypress
1 commit
# 633,962
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.