使用$（窗口）.height（）

问题描述：

屏幕视口使用$(window).height()我计算我的视口的大小，它返回339 现在我想把我的屏幕分成三部分。上，中，下。我想知道如何知道返回的屏幕高度是如何计算的。

我想知道总数（339）中有多少个px会覆盖顶部的20％，中间的60％ 20％的底部。我如何计算这个？任何人都可以帮助我吗？另外，我的方法是对的吗？

答

数学是非常简单的：

（winH = 339）

0.6 * winH = middleH（203.4）
0.2 * winH =至pH，两者（67.8）

但是嘿！为什么你需要jQuery？

html, body{height:100%; margin:0;} 
 

 
#top, 
 
#bot{ 
 
    height:20vh; 
 
    background:#0bf; 
 
} 
 
#mid{ 
 
    height:60vh; 
 
    background:#f0b; 
 
}

<div id="top"> top </div> 
 
<div id="mid"> mid </div> 
 
<div id="bot"> bot </div>

其实，我想主力店，在jQuery的变量中，底部的像素值。我有一个HTML元素，我想比较它的“位置”与这些变量。例如，'if（$（element）.position

因此，如果我的元素位于底部区域，我将如何知道？ –

基本上，这个解决方案http://stackoverflow.com/questions/37485342/popover-auto-adjust-placement我想获得我的屏幕的顶部，中间和底部区域，所以我可以比较我的元素在哪里 –

使用$（窗口）.height（）

相关推荐