根据窗口和页面大小更改类。

时间:2012-04-16 15:10:51

标签: javascript css

我的页面底部有一个DIV。

基本上如果页面高度小于窗口,我希望它的类是“firstclass”。

如果页面高度比窗口高,我希望它的类为“secondclass”。

任何人都可以帮助我吗?谢谢:))

2 个答案:

答案 0 :(得分:2)

看起来document.body.offsetWidthoffsetHeight将为您提供当前窗口的宽度和高度。

将其与页面高度进行比较。

窗口上的

或jquery height()width() 来自jquery docs:

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

http://api.jquery.com/height/

答案 1 :(得分:0)

你需要比较:

window.innerHeight

document.body.offsetHeight