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

时间:2015-10-20 14:43:30

标签: jquery css

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

使用jQuery如何检测当前的浏览器高度及以下情况?

2 个答案:

答案 0 :(得分:3)

TestController

答案 1 :(得分:2)

尽管JavaScript是一种可能的选择,但它很多时候效率都很低。如果您能够使用CSS,则可以使用Media Queries

以下是一个例子:

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

<body></body>

</html>

如果你运行它,当页面高度低于500px时,背景将为红色。否则,它将是蓝色。