Code: Select all
import type { Snippet } from 'svelte';
import { viewport } from '$lib/actions/useViewportAction.svelte';
let { children }: { children: Snippet } = $props();
let animating = $state(false);
function handleEnter() {
console.log('Element entered the viewport');
animating = true;
}
function handleLeave() {
console.log('Element left the viewport');
animating = false;
}
{#if animating}
{@render children()}
{/if}
Ich habe es versucht, es auf verschiedene Arten zu beheben, aber ich denke, die beste Lösung wäre, die Höhe des Referenzdivs irgendwie auf die Höhe der Kinder zu setzen. Wenn dies nicht möglich ist, würde ich alternative Lösungen schätzen.