JavaScript-如何检查容器顶部是否溢出？-堆栈溢出

顺晟科技

2022-10-19 13:41:36

108

我在用木偶器刮松弛。我想验证是否已滚动到频道提要的顶部。

问题是频道提要不滚动，因此我无法使用MDN上记录的方法:

对于我的情况，元素不滚动，但有溢出的子元素，他们建议检查计算样式:

然而，这不起作用，我认为有两个原因。首先，在本例中，溢出隐藏似乎被设置为另一个父容器，所以我所看到的容器总是有一个计算样式设置为。其次，如果我一直滚动到顶部，子元素总是在Y方向溢出（如果我在顶部，它们在底部溢出）。

那么，如何验证容器是否在顶部溢出，并且只在顶部溢出？

如果您想检查特定元素的代码，我正在尝试检查Slack应用程序，请登录到Slack工作区，并在控制台中选择该元素:

其中类似“general”或显示其提要的活动频道的名称。

顺晟科技：

最后，我找到了一个解决方案。我抓住频道提要容器，检查它的顶部边缘相对于视口的位置。如果为负值，则表示还有更多内容要滚动。

这是工作的，因为通道提要容器不滚动。它包含元素（帖子），它的全长存在于页面上，除了溢出隐藏在顶部和底部。这意味着我可以检查顶部边缘是否仍然溢出视口。

网站建设