Javascript 如何检查具有类的元素之一的高度是否超过阈值?
我有一些部分的最小高度为100vh 如何设置一个if语句来检查其中一个元素何时超过视口高度?目前,我有以下内容,但由于某些原因,这些内容不起作用:Javascript 如何检查具有类的元素之一的高度是否超过阈值?,javascript,jquery,Javascript,Jquery,我有一些部分的最小高度为100vh 如何设置一个if语句来检查其中一个元素何时超过视口高度?目前,我有以下内容,但由于某些原因,这些内容不起作用: var section = $('.fh-section'); var height = $(window).height(); if (section.height() > height) { execute code } 我觉得只有当.fw section类的所有元素都超过它的真实结果时,它才会执行。如何设置它,使
var section = $('.fh-section');
var height = $(window).height();
if (section.height() > height) {
execute code
}
我觉得只有当.fw section类的所有元素都超过它的真实结果时,它才会执行。如何设置它,使其在至少一个元素超过窗口高度时结果为真?您可以使用指定的类遍历所有元素,如下所示:
var height = $(window).height();
$('.fh-section').each(function(index) {
if ($(this).height > height)
{
// CODE
return false; // stops the loop
}
});
对不起,我知道,但显然把事情搞砸了…别担心。很多人不喜欢!带有jQuery集合的well height()将只查看第一个元素,因此只有当第一个元素更大时,代码才会工作。如果有其他人是这样,那么它就不会起作用。因此,您需要在集合上循环并检查每个集合。