javascript - 如何计算可见高度？

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

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

$(window.top).height();