Javascript $（document）.height（）与$（document）.scrollTop（）和#x2B$（窗）高

我试图检测元素何时进入视图，以便淡入。我觉得我可以检测到它在页面上的垂直位置，并在滚动值接近它时淡入淡出

我遇到的问题是document.height总是比每页上document.scrollTop（）+window.height（）的值大得多。此外，每次更改的数量都是可变的（我认为这可能是因为导航步行器隐藏了桌面菜单并插入了“汉堡”菜单，但是更改的数量在不同的页面上有所不同。）

因此：

在控制台日志中返回false

有人见过这个吗？我完全困惑不解。所有浮动元素都将被清除。没有添加元素/节点，也没有添加动态内容的AJAX

---

如果有人对可能导致这种情况的原因有任何理论，请提前感谢。

文档。高度是整个身体标签的高度<代码>$（窗口）。高度（）

是浏览器窗口的高度。条件的左侧从最终计算的高度中减去视口。这并不意味着它等于文档的滚动位置

+ - - - - - - +    + - - - - - - +   + - - - - - - +
:             :    :             :   :  Scroll Top :
:             :    :             :   :  4 lines    :
+=============+    :             :   + - - - - - - +
| window      |    :             :  
| height      |    :   document  :  
| 5 lines     |    :   height    :  
+=============+    : - window    :   
:             :    :   height    :
:             :    :   ________  :
: document    :    :   13 lines  :
: height      :    :             :
: (offscreen) :    :             :
: 18 lines    :    + - - - - - - +
:             :
:             :
:             :
+ - - - - - - +

                     13lines != 4lines

---

相反，请尝试查找

$（document.height（）-（$（window.scrollTop（）+$（window.height（））获取窗口下方事物的起始位置。
谢谢Christian！我最终想出了一个解决办法，但你的回答很好地解释了这一点。基于你出色的解释，我今晚将去重构。
+ - - - - - - +    + - - - - - - +   + - - - - - - +
:             :    :             :   :  Scroll Top :
:             :    :             :   :  4 lines    :
+=============+    :             :   + - - - - - - +
| window      |    :             :  
| height      |    :   document  :  
| 5 lines     |    :   height    :  
+=============+    : - window    :   
:             :    :   height    :
:             :    :   ________  :
: document    :    :   13 lines  :
: height      :    :             :
: (offscreen) :    :             :
: 18 lines    :    + - - - - - - +
:             :
:             :
:             :
+ - - - - - - +

                     13lines != 4lines