marquee-content
Version:
MarqueeContent provides a set of tools for creating dynamic and adaptive ticker animations on web pages using GSAP and ScrollTrigger.
29 lines (28 loc) • 800 B
TypeScript
import { gsap } from 'gsap';
import { ScrollTrigger } from 'gsap/ScrollTrigger';
interface MarqueeOptions {
element?: string | HTMLElement;
}
export default class MarqueeContent {
private static _gsap;
private static _ScrollTrigger;
private gsapInstance;
private timeline?;
private matchMedia;
private element;
private resizeObserver;
private animationFrame?;
constructor({ element }?: MarqueeOptions);
static registerGSAP(gsapInstance: typeof gsap, scrollTriggerInstance: typeof ScrollTrigger): void;
private static debounce;
init(): void;
destroy(): void;
private setup;
private update;
private createAnimation;
private clearTimeline;
private setBreakpoints;
private cloneElements;
private applySkew;
}
export {};