russellsamora / enter-view Goto Github PK

It would be nice to add a d.ts file to support Typescript out of the box.
Here's the d.ts file I created:

declare module 'enter-view' {
    export interface EnterViewArgs {
        selector: NodeListOf<Element> | Element | string;
        enter?: (el: Element) => void;
        exit?: (el: Element) => void;
        progress?: (el: Element, progress: number) => void;
        offset?: number;
        once?: boolean;
    }

    const enterView: (args: EnterViewArgs) => void;
    export default enterView;
}

For anyone stumbling on this post if this doesn't make it into the package;
just add the above to your custom typings folder in a file called enter-view.d.ts and you are good to go.

Love your work. I would like to add an attribute rather than a class .entered. Is it possible ?
Here is the attribute :
transition-style="in:wipe:up"

Thanks !

Hi !

Is there a way to make it detecting if an element enter to viewport even when I'm scrolling from bottom to top ?
Currently, as far as I understand, it only works scrolling from top to the bottom of the page.
Is there a way to make it work on both sense ?

Thanks for your feedback.

Best !

Hi,

How can I force this to load with ajax content being added?

Cheers

Andy

Hello, love your plugin Scrollama! I noticed a similar API, should we be using this framework instead?

Thank you :)

Keep listening elements appearance after first time they trigger.

Hi, this is a great library. I'm not sure if this is expected behaviour, but if i have an element that scrolls into view, the enter event is fired as expected. If i keep scrolling so that the element disappears out the top of the viewport, the exit event is not fired, its only fired when i scroll back up past the element and it disappears out the bottom of the viewport. Is this as intended? Is there a way to make it detect whether it has exited either the top and bottom of the viewport so I can tell if it is currently in view right now or not?

Can you add a way to clean up the function so it stops listening? Even when we set "once" to be true, the listeners added to window remain.