Callbacks

let SC = ScrollMoo({
    ".box": {
        sync: 1,
        markers: true,
        indicatorStart: 50,
        indicatorEnd: 50,
        keyframes: {
            transform: {
                rotate: {
                    100: "360deg"
                }
            }
        },
        onEnter: () => {
            console.log("onEnter");
        },
        onEnterReverse: () => {
            console.log("onEnterReverse");
        },
        onProgress: (elements, progress) => {
            console.log("onProgress: " + elements + " - " + progress);
        },
        onLeave: () => {
            console.log("onLeave");
        },
        onLeaveReverse: () => {
            console.log("onLeaveReverse");
        },
        onAnimationComplete: () => {
            console.log("onAnimationComplete");
        },
        onToggle: (elements, isActive) => {
            console.log("onToggle", isActive);
        }
    }
});    

Copied!