Jquery 如果浏览器窗口低于某个高度,则向元素添加类

Jquery 如果浏览器窗口低于某个高度,则向元素添加类,jquery,css,Jquery,Css,如果浏览器窗口的高度低于某个特定的大小,我想将类添加到元素中;当且仅当高度低于某一点时 使用jQuery如何检测当前浏览器的高度及其以下以实现此目的?虽然JavaScript是一个可能的选项,但它在很多时候效率很低。如果你能使用CSS,你可以使用 $(window).resize(function() { if ($(window).height() < 500) { $('.element').addClass('className'); } } 下面是

如果浏览器窗口的高度低于某个特定的大小,我想将类添加到元素中;当且仅当高度低于某一点时


使用jQuery如何检测当前浏览器的高度及其以下以实现此目的?

虽然JavaScript是一个可能的选项,但它在很多时候效率很低。如果你能使用CSS,你可以使用

$(window).resize(function() {
    if ($(window).height() < 500) {
        $('.element').addClass('className');
    }
}
下面是一个例子:

html>正文{ 背景:蓝色; } @媒体屏幕和最大高度:500px{ 身体{ 背景:红色!重要; } }
希望您至少尝试自己编写此代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究,要么通过谷歌,要么通过搜索,尝试一下。如果您仍然有问题,请返回您的代码,并解释您尝试了什么以及为什么它不起作用。使用媒体查询而不是JS如果您讨厌这个问题-为什么提供答案,所以我无法删除它。不要使用W3傻瓜作为参考,请使用MDN@Tushar我本来打算这么做的,但我不想让他进一步对更好的网站感到困惑!不要,这不会混淆它会比W3学校好得多,请更新link@Tushar我看到了你的编辑,以为你已经有了,现在更新了。