细长卷轴绑定CSS容器问题

我刚开始熟悉装订。我这里有这个文件：

有人知道为什么

y

不断返回

0

而不是实际的滚动位置吗？我觉得这更像是一个CSS问题，而不是一个苗条的问题，但我可能弄错了

---

当我使用

window.addEventListener

时，即使在使用此HTML结构的scroll上，也没有触发任何事件

您正在滚动scroller元素，但绑定到

window

上的

scrollY

。由于未滚动窗口，

scrollY

保持为0

如果您想知道scroller元素被滚动了多远，应该使用。Svelte不会自动为您绑定，因此您需要自己设置事件侦听器

<div class="container">
  <div class="scroller" on:scroll={(e) => console.log(e.target.scrollTop)}>
    <!-- etc -->
  </div>
</div>

console.log（e.target.scrollTop）}>

请记住，滚动事件的触发频率很高，您可能需要防止性能问题