如何计算可见高度？ [复制]

Question

我有一个类似下面模型的html页面，

当用户滚动页面时，如何计算#page1可见部分的高度？

-------------------------------------------------------
 #heder (position: fixed; height: 100px, z-index: 10)
-------------------------------------------------------

                     visible zone

 ____________________________________________________
 |                                                  |
 |                  #page1 (visible)                |
 |                                                  |
 |  (position: static; height: 1000px, z-Index: 0)  |
 |                                                  |
-------------------------------------------------------
 #footer (position: fixed; height: 50px, z-index: 10)
-------------------------------------------------------
 |                                                  |
 |                                                  |
 |                                                  |
 |                                                  |
 |                  #page1 (invisible)              |
 |                                                  |
 |                                                  |
 |                                                  |
 |                                                  |
 ____________________________________________________
 |                                                  |
 |                                                  |
 |                                                  |
 |                  #page2 (invisible)              |
 |                                                  |
 |  (position: static; height: 700px, z-Index: 0)   |
 |                                                  |
 |                                                  |
 |                                                  |
 |                                                  |
 |                                                  |
 ____________________________________________________

Answer 1

你可以在jQuery中使用window.top获取最外层窗口的高度。 window.top 的高度将得到浏览器窗口或其中 iframe 的高度。

$(window.top).height();