All Projects → iqingting → Vue Sticky

iqingting / Vue Sticky

Licence: mit

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Vue Sticky

V Img Fallback
Vue Image Fallback
Stars: ✭ 43 (-73.29%)
Mutual labels:  vue-directive
Consecutivescroller
ConsecutiveScrollerLayout是Android下支持多个滑动布局(RecyclerView、WebView、ScrollView等)和普通控件(TextView、ImageView、LinearLayou、自定义View等)持续连贯滑动的容器,它使所有的子View像一个整体一样连续顺畅滑动。并且支持布局吸顶功能。
Stars: ✭ 1,383 (+759.01%)
Mutual labels:  sticky
React Native Keyboard Accessory View
Keyboard accessory (sticky) view for your React Native app. Supports interactive dismiss on iOS.
Stars: ✭ 128 (-20.5%)
Mutual labels:  sticky
Zebra pin
A lightweight jQuery plugin for creating sticky elements pinned to the page or to a container element
Stars: ✭ 56 (-65.22%)
Mutual labels:  sticky
Vue Responsive
A plugin for responsive handling with vue.js
Stars: ✭ 86 (-46.58%)
Mutual labels:  vue-directive
Vue Inputmask
Vue.js directive to add inputmask library to your inputs (vanilla javascript).
Stars: ✭ 110 (-31.68%)
Mutual labels:  vue-directive
Vue Esc
🏃 Vue.js directive to add a document event listener on escape keyup.
Stars: ✭ 33 (-79.5%)
Mutual labels:  vue-directive
Vue Awesome Swiper
🏆 Swiper component for @vuejs
Stars: ✭ 12,072 (+7398.14%)
Mutual labels:  vue-directive
Ngx Scrollspy
Angular ScrollSpy Service
Stars: ✭ 94 (-41.61%)
Mutual labels:  sticky
Fixed Sticky
DEPRECATED: A position: sticky polyfill that works with filamentgroup/fixed-fixed for a safer position:fixed fallback.
Stars: ✭ 1,490 (+825.47%)
Mutual labels:  sticky
V Animate Css
The easiest to implement Vue directive for Animate.css
Stars: ✭ 59 (-63.35%)
Mutual labels:  vue-directive
Floatthead
Fixed <thead>. Doesn't need any custom css/html. Does what position:sticky can't
Stars: ✭ 1,193 (+640.99%)
Mutual labels:  sticky
V Directives
vue自定义指令集合
Stars: ✭ 109 (-32.3%)
Mutual labels:  vue-directive
Floatsidebar.js
Lightweight (2kb gzipped), zero-dependency javascript library for making float sidebars based on the finite state machine
Stars: ✭ 56 (-65.22%)
Mutual labels:  sticky
Vue Scroll Reveal
A Vue directive to wrap @jlmake's excellent ScrollReveal library.
Stars: ✭ 138 (-14.29%)
Mutual labels:  vue-directive
Navscroll Js
Lightweight package for highlighting menu items as you scroll the page, also scrolling to target section when item clicked. Use as a vue component/directive or in vanilla js.
Stars: ✭ 41 (-74.53%)
Mutual labels:  vue-directive
Unix Permissions
Swiss Army knife for Unix permissions
Stars: ✭ 106 (-34.16%)
Mutual labels:  sticky
Vue Codemirror
⌨️ @codemirror component for @vuejs
Stars: ✭ 2,115 (+1213.66%)
Mutual labels:  vue-directive
Vue Prlx
🔮 Vue.js parallax directive you were looking for (can animate translate & background-position)
Stars: ✭ 140 (-13.04%)
Mutual labels:  vue-directive
React Virtualized Sticky Tree
A React component for efficiently rendering tree like structures with support for position: sticky
Stars: ✭ 115 (-28.57%)
Mutual labels:  sticky

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>
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].