我有一个类似以下模型的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) |
| |
| |
| |
| |
| |
____________________________________________________
答案 0 :(得分：1)
您可以使用jQuery中的window.top来获取最外层窗口的高度。 window.top的高度将获得浏览器窗口或iframe内部的高度。
$(window.top).height();