Usage

npm i -D svelte-intersect

import{intersect}from'svelte-intersect';

<divuse:intersect={{onintersect: ({intersecting,intersections,el,observer,disconnect})=>void,ondisconnect: ({intersecting,intersections,el,observer})=>void,count:1,// 1 is like 'once', 0 disables, <0 or undefined is infiniteoptions: {threshold,root,rootMagin},// `IntersectionObserver` options}}>

exportinterfaceIntersect_Params{/** * Called when the element enters or leaves the viewport until disconnected. */onintersect?:On_Intersect;/** * Called when the action's observer is disconnected, * either by the user calling disconnect or the action being destroyed. */ondisconnect?:On_Disconnect;/** * A value of `1` disconnects after `el` enters and leaves the viewport one time, * similar to 'once' for an event. * `0` disables and `undefined` or a negative number like `-1` never disconnects. */count?:number;/** * Same as the `options` param to * [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/IntersectionObserver#options) */options?:IntersectionObserverInit;}exportinterfaceOn_Intersect{(state:Intersect_State):void;}exportinterfaceIntersect_State{intersecting:boolean;intersections:number;el:HTMLElement|SVGElement;observer:IntersectionObserver;disconnect:()=>void;}exportinterfaceOn_Disconnect{(state:Disconnect_State):void;}exportinterfaceDisconnect_State{intersecting:boolean;intersections:number;el:HTMLElement|SVGElement;observer:IntersectionObserver;}

License