如果浏览器窗口低于某一高度addClass到元素

-4

我想addClass到元素如果浏览器窗口是通过height一定大小以下;当且仅当高度低于特定点时。如果浏览器窗口低于某一高度addClass到元素

使用jQuery我怎么可以检测当前浏览器的高度和下面出现这种情况？

预计你至少尝试为自己的代码这一点。堆栈溢出不是代码写入服务。我建议你做一些额外的研究，无论是通过谷歌或通过搜索，做一个尝试和。如果您仍然遇到麻烦，请返回**您的代码**并解释您尝试过的以及为什么它不起作用。 –

使用_media queries_而不是JS – Tushar

如果你们讨厌这个问题 - 为什么要提供答案，所以我不能删除它。 –

$(window).resize(function() { 
    if ($(window).height() < 500) { 
     $('.element').addClass('className'); 
    } 
}

2015-10-20 14:46:01 KittMedia

虽然JavaScript是一个可能的选择，但它在很多时候都是非常低效的。如果您能够使用CSS，则可以使用Media Queries。

下面是一个例子：

html > body { 
 
    background: blue; 
 
} 
 
@media screen and (max-height: 500px) { 
 
    body { 
 
    background: red !important; 
 
    } 
 
}

<html> 
 

 
<body></body> 
 

 
</html>

如果您运行的是，当页面小于500像素高，背景为红色。否则，它将是蓝色的。

2015-10-20 15:07:03 Forest

不要使用W3fools参考，使用MDN – Tushar

@Tushar我去，但我不想再混淆了他与更好的网站！ – Forest

不这样做，那将不是_confuse_它会远远超过W3Schools的更好，请更新链接 – Tushar

回答