PM
чтобы написать коммон решение, нужно решать коммон кейс
я ж говорю - это тестовый вариант, думаю как фильтровать снаружи
архитектура не конечная
Собственно над ней и думаю )
Size: a a a
2020 December 26
PM
я ж говорю - это тестовый вариант, думаю как фильтровать снаружи
архитектура не конечная
Собственно над ней и думаю )
архитектура не конечная
Собственно над ней и думаю )
вот это что делает: observer.unobserve();
PM
туда вроде target нужно тоже
A
да - targets.forEach((target) => observer.unobserve(target));
PM
да - targets.forEach((target) => observer.unobserve(target));
entry.target - это DOM элемент?
A
да - the Element whose intersection with the intersection root changed
PM
вот так наверно достаточно коммон получается: https://svelte.dev/repl/9e421176d655461899ef0b2884c4196a?version=3.31.0
PM
я правильно понял что ты ждешь loaded прежде чем вешать observer.observe ?
A
я правильно понял что ты ждешь loaded прежде чем вешать observer.observe ?
да - обсервер стартует в update()
PM
ну тогда все так
PM
дальше вешаешь ивент, получаешь в detail.entries там фильтруешь по detail.entries.filter(entry => entry.target.dataset.id)
PM
ну и делаешь че тебе нужно
PM
экшн по-сути занимается только менеджментом обсервера
A
экшн по-сути занимается только менеджментом обсервера
👍🏻
A
вот так наверно достаточно коммон получается: https://svelte.dev/repl/9e421176d655461899ef0b2884c4196a?version=3.31.0
а чего не заводится?
PM
а чего не заводится?
так я только обсервер переписал)
PM
использование я же не знаю)
A
ага
PM
@Valexrs что-то вроде:
let entries = [];
$: animated = entries.reduce((ids, entry) => {
entry.isIntersecting && ids.push(+entry.target.dataset.id);
return ids;
}, []);
<section
use:intobserver={{loaded, selector: '[data-id]'}}
on:intersection={(e) => entries = e.detail.entries}
>
...
<li class:animate={animated.includes(item.id)}>
</section>