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
137 Stars 16 Forks MIT License 547 Commits 8 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

No Data

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.