javascript - 如何检查具有类的元素之一的高度是否超过阈值？

Question

我有一些最小高度为 100vh 的部分。

我如何设置一个 if 语句来检查元素是否超过视口(viewport)高度？目前我有以下但由于某种原因不起作用:

var section = $('.fh-section');
var height = $(window).height();
   if (section.height() > height) {
      execute code
   }

我觉得它只会在所有带有 .fw-section 类的元素超过它结果为真的高度时才会执行。如果至少有一个元素超过窗口高度，我该如何设置它以使其结果为真？

Answer 1

您可以像这样循环遍历具有指定类的所有元素:

var height = $(window).height();

$('.fh-section').each(function(index) {
    if ($(this).height > height)
    {
        // CODE

        return false; // stops the loop
    }
});