raucao
35aa3c950f
Both initially (if not enough recent ones are available), and when scrolling to the end of an activity timeline
32 lines
550 B
JavaScript
32 lines
550 B
JavaScript
import { modifier } from 'ember-modifier';
|
|
|
|
export default modifier((element, [callback, disabled]) => {
|
|
if (disabled) return;
|
|
|
|
let observer;
|
|
let cancelled = false;
|
|
|
|
observer = new IntersectionObserver(
|
|
(entries) => {
|
|
if (cancelled) return;
|
|
if (entries[0]?.isIntersecting) {
|
|
callback();
|
|
}
|
|
},
|
|
{
|
|
root: null,
|
|
rootMargin: '200px',
|
|
threshold: 0,
|
|
}
|
|
);
|
|
|
|
observer.observe(element);
|
|
|
|
return () => {
|
|
cancelled = true;
|
|
if (observer) {
|
|
observer.disconnect();
|
|
}
|
|
};
|
|
});
|