motion-v
Version:
<p align="center"> <img width="100" height="100" alt="Motion logo" src="https://user-images.githubusercontent.com/7850794/164965523-3eced4c4-6020-467e-acde-f11b7900ad62.png" /> </p> <h1 align="center">Motion for Vue</h1>
13 lines (12 loc) • 576 B
TypeScript
import { Ref } from 'vue';
import { ScrollInfoOptions } from '../types';
export interface UseScrollOptions extends Omit<ScrollInfoOptions, 'container' | 'target'> {
container?: Ref<HTMLElement | null>;
target?: Ref<HTMLElement | null>;
}
export declare function useScroll({ container, target, ...options }?: UseScrollOptions): {
scrollX: import('motion-dom').MotionValue<number>;
scrollY: import('motion-dom').MotionValue<number>;
scrollXProgress: import('motion-dom').MotionValue<number>;
scrollYProgress: import('motion-dom').MotionValue<number>;
};