Simple script to toggle classes after scrolled some pixels. Perfect to for fixed headers.
npm install @louis-internet/fixed-headerSimple script to toggle classes after scrolled some pixels. Perfect to for fixed headers.
You can install fixed-header using the npm package manager with ...
``sh`
npm install @louis-internet/fixed-header
or if you prefer Yarn with ...
`sh`
yarn add @louis-internet/fixed-header
`html
`
To use the Library simply call it an give it as first param the selector
`html`
`javascript`
fixedHeader('.js-header', {
activeClass: 'toggle-class',
offset: 50,
})
You can also set some options
#### activeClass
_Default: 'is-fixed'_
_Type: String_
#### offset
After this scroll offset the class whould be triggert
_Default: 0_
_Type: Integer_
#### related
Toggle classes on additional Dom Nodes
_Default: []_
_Type: Array_
`javascript``
fixedHeader('js-header', {
related: [
{
obj: 'html',
activeClass: 'header--is-fixed',
},
],
})