Skip to content

iqingting/vue-sticky

Repository files navigation

vue-sticky

A directive to sticky element for vue.js(2.x).

for useage with Vue 1.x, see the 2.x branch

Install

npm install vue-sticky --save

Dev

run npm install and npm run dev

Import

import VueSticky from 'vue-sticky' // Es6 module

const VueSticky = VueSticky.default // Global variable

Use

directives: {
  'sticky': VueSticky,
},
<ELEMENT v-sticky="{ zIndex: NUMBER, stickyTop: NUMBER, disabled: [true|false]}">
  <div> <!-- sticky wrapper, IMPORTANT -->
    CONTENT
  </div>
</ELEMENT>