javascript - 使用 cssgrid 时，pageYOffset 在滚动时不起作用

Question

我有点问题。

当用户向下滚动时，我试图隐藏一些元素。但我有一个奇怪的问题。当我使用函数 pageYOffset 时，我一直显示 0，就像我没有在页面上滚动一样。我想我可能是因为使用了 cssgrid(对此还是新手)。你可以看到我的问题here my cssgrid site .

在我的测试站点上，滚动时显示更新“滚动计数器”，但它仅在我滚动负值 (< 0) 时显示更新。

有没有其他人处理过这个问题或对我的问题有解决方案？

Answer 1

这是因为您实际上并没有滚动页面。您将包装器元素设置为页面减去标题的任何高度。该包装器溢出，您可以滚动，但在该元素上，您实际上并没有滚动页面。将容器的高度保留为自动，这将滚动页面本身。否则寻找不同的策略来收听包装器内的滚动。