{"repo":"vgshenoy/vue-scrollama","free":true,"listed":false,"github":"https://github.com/vgshenoy/vue-scrollama","clone":"git clone https://github.com/vgshenoy/vue-scrollama.git","description":"Vue 3 component to setup scroll-driven interactions (aka scrollytelling)","language":"Vue","stars":475,"topics":["vue","scroll","scrollama","scrollytelling","scroll-driven","scroller","vue3","vue3-typescript"],"license":"MIT","category":"ui-components","readme_excerpt":"Vue Scrollama Easy scroll-driven interactions (scrollytelling) for Vue 3, powered by Scrollama. Install Quickstart - Composable API Use this when you want direct setup and lifecycle control. If you provide onStepProgress , the composable auto-enables progress for you. Quickstart - Component API Any direct child of is treated as a step element. The component API manages setup/teardown lifecycle for you. Nuxt / SSR Scrollama requires browser DOM APIs, so render scroll stories client-side: useScrollama and defer DOM access to onMounted , so they are SSR-safe to import, but story content should still be client-only to avoid hydration mismatch. Examples - Demo app: apps/demo/ - Sticky graphic (pinned visual + scrolling steps): apps/demo/components/StickyGraphicDemo.vue API useScrollama(options) Required: - container: HTMLElement Ref Optional: - stepSelector?: string (defaults to direct container children) - offset?: number - progress?: boolean (auto-enabled when onStepProgress is provided) - once?: boolean - threshold?: number - debug?: boolean - root?: string HTMLElement - onStepEnter?: (payload: { element, index, direction }) = void - onStepExit?: (payload: { element, index, direction }) = void - onStepProgress?: (payload: { element, index, direction, progress }) = void Returns: - isReady: Readonly - resize(): boolean - rebuild(): boolean - destroy(): void useScrollama automatically calls resize() on window resize, orientation changes, and container size changes. Component props","default_branch":null,"files":null,"tree":[],"storefront":"/r/vgshenoy","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/vgshenoy/vue-scrollama/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}