{"library":"vue-sticky-directive","type":"library","category":null,"description":"This package provides a Vue.js directive, `v-sticky`, designed to make elements \"sticky\" within their designated container, mimicking the CSS `position: sticky` behavior. It enables configurable sticky effects through various attributes such as `sticky-offset` (allowing top and bottom breakpoints), `sticky-side` (to specify sticking to the top, bottom, or both), and `sticky-z-index` for layer control. Additionally, it offers an `on-stick` callback function that notifies when an element's sticky state changes. The current version, 0.0.10, indicates it's an early-stage project. While its release cadence isn't explicitly defined, the versioning suggests a more cautious release cycle, with the last known commit in May 2021. A key differentiator is its straightforward, directive-based API for Vue 2 applications, providing a robust solution for contextual sticky elements that can be scoped to a specific `sticky-container` rather than just the viewport.","language":"javascript","status":"maintenance","version":"0.0.10","tags":["javascript","vue","sticky","typescript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-sticky-directive","imports":["import Sticky from 'vue-sticky-directive'","import Sticky from 'vue-sticky-directive'","<div v-sticky sticky-offset=\"{ top: 10 }\"></div>"]},{"cmd":"yarn add vue-sticky-directive","imports":[]},{"cmd":"pnpm add vue-sticky-directive","imports":[]}],"homepage":null,"github":"https://github.com/mehwww/vue-sticky-directive","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-sticky-directive","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/vue-sticky-directive/compatibility"}}