Svelte 找不到变量的 .ScrollTop

Question

你好，我有一个元素被引用到这样的脚本

<div bind:this={AboutMeAnimation} />

然后在我的脚本中我控制台记录 ScrollTop 值

    let AboutMeAnimation;
    console.log(AboutMeAnimation.ScrollTop);

对于某些问题，我遇到了一个错误，有人可以告诉我为什么吗？

Answer 1

几个问题，第一个是 scrollTop 带有小写的“s”，另一个是该元素不会立即绑定，因此如果您将此语句放在component 它将在一段时间内未定义。您可以使用 onMount 或类似的方法来获取此值：

onMount(() => {
  console.log(AboutMeAnimation.scrollTop);
});

否则反应语句也可以工作：

$: {
  console.log(AboutMeAnimation && AboutMeAnimation.scrollTop);
}

希望对您有所帮助！

Svelte can't find .ScrollTop of a variable