javascript - 在 svelte 商店中保存窗口绑定(bind)

Question

互联网的好 friend 们好，

我为用户的滚动位置创建了一个监听器: <svelte:window bind:scrollY={y} />我想将此变量保存在商店中，以便在整个网站上访问它。但为此我需要一个二传手。是否有一种性能良好的方法来执行此操作？

我试过了，但是不行:

  $: () => scrollPos.set(y);
  $: console.log("LOG: scrollPos", $scrollPos);```

Answer 1

您应该能够直接绑定(bind)到存储值:

<script>
    import { writable } from 'svelte/store';

    const y = writable(0);
</script>

<svelte:window bind:scrollY={$y}/>

不幸的是，事实证明您发现了一个 bug — 无论出于何种原因，该 bug 目前都不起作用。我在这里打开了一个问题:https://github.com/sveltejs/svelte/issues/3832