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

Question

我有一点问题。

当用户向下滚动时，我试图隐藏一些元素。但我有一个奇怪的问题/问题。当我使用 pageYOffset 函数时，我一直显示 0，就像我没有在页面上滚动一样。我想我可能是因为使用了 cssgrid（对此仍然很陌生）。你可以在这里我的 cssgrid 站点看到我的问题。

在我的测试站点上，滚动时显示更新“滚动计数器”，但仅在我滚动负数（<0）时才会这样做。

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

标签： javascriptcsscss-grid

Answer 1

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