您可以使用jQuerys $ document.height或使用简单的JS通过height读取浏览器尺寸:window.innerHeight || document.body.clientHeight。
但是如何将该值应用于CSS类?
答案 0 :(得分:1)
jQuery的:
$('.targetClass').css('height',otherObject.height()+'px');
答案 1 :(得分:0)
您无法动态地重写/添加新值到CSS属性/类;你可以为元素写/重写/添加值。
你应该发布你的情况,也许有不同的方式来做你想做的事情。
答案 2 :(得分:0)
$('#target').css('height',$(document.body).height()+'px')
(jQuery的)
答案 3 :(得分:0)
以特定于浏览器的方式查找规则对象(http://www.javascriptkit.com/domref/cssrule.shtml)
然后,您可以编辑规则对象的样式对象,并实际更改CSS类定义
答案 4 :(得分:0)
无需过度复杂化 - 您无需找到将高度应用于CSS类的方法。只需在HTML中为每个<div>
提供一个类:
<div class="viewport_height">This is some content.</div>
然后使用与此类似的jQuery代码:
var document_height = $(document).height();
$('.viewport_height').css('height', document_height + 'px');
将测量的高度应用于该类的所有元素。
要获得更强大的解决方案,请将函数附加到window
的{{1}}事件,以便在视口高度发生变化时重新计算并应用高度。