install

npm i vue-fixed-block --save-dev

use

<fixed-block
  @changeFix="changeFix"
  :fix-delay="100">
  content
</fixed-block>

example app

import FixedBlock from 'vue-fixed-block'
Vue.use(FixedBlock)

screenshot

fixed-block properties

| Name | Type | Required | Default | Description | | ------ |:-----:| :---------:| --------|:---------| | fix-delay | Number | false | 2 | the offset of the scroll actuation attachment |

fixed-block events

| Name | params | Type | Description | | ------ |:-----:|:-----:|:---------| | change-fix | fixed | Boolean | called when the block is attached or detached |

Event Bus

events

| Name | params | Type | Description | | ------ |:-----:|:-----:|:---------| | change-fix | fixed | Boolean | called when the block is attached or detached |

example events

import {Event} from 'vue-fixed-block'
Event.$on('change-fix', function (fixed) {
  // check 'fixed' param
})

Call up position recalculation

Event.$emit('recalc')